税收征管法第十四条:jQuery实现弹出居、右下角、左下角窗口效果 ...
来源:百度文库 编辑:中财网 时间:2024/05/21 22:00:13
今天给大家带来的是,实用jQuery技术实现各种弹窗效果,比如弹出指定位置的窗口(左下角、右下角、居中...)等,尤其是弹出右下角窗口特别实用,如果能够跟随滚动条一起滚动,那就非常good了!一些企业网站也会经常采用这种方式重点宣传自己的产品。
先看下效果图:
弹出居中窗口效果
弹出左下角窗口效果
弹出右下角窗口效果
5 小时前 上传下载附件 (11.55 KB)
如上图,要实现弹出指定位置的窗口其实也并不难,主要就是要计算出要弹出窗口的左上角坐标,那到底怎样计算出各种位置窗口的左上角坐标我们做如下分析:
弹出居中窗口:
如图求出窗口的左上角坐标,计算方式如图
注意黑色部分是滚动条区域,当出现滚动条时 x和y分别还要加上滚动条滚动的宽度和滚动条滚动的高度
弹出左下角窗口分析图如下:
我们先来看看怎么实现弹出居中窗口,弹出居中窗口主要是要获取几个参数,分别为浏览器的高度、宽度
当前窗口的高度、宽度,滚动条滚动的高度和宽度等,然后再定位这个层。
代码如下:
无标题文档 这里标题文字 - CSDN中文it社区
- CSDN学生大本营 李伟
- 3G开发者联盟
- 3gput.com
无标题文档 这里标题文字 - CSDN中文it社区
- CSDN学生大本营 李伟
- 3G开发者联盟
- 3gput.com
无标题文档 CSDN欢迎您 - 这里是正文部分 hell CSDN
左下角、右下角,用英语怎么说?
IE右下角弹出广告
关于右下角时时弹出广告
右下角老是弹出广告怎么办?
hao123主页右下角弹出窗口
IE右下角弹出广告解决方案
桌面右下角 USB/其他硬件 弹出提示窗不显示了怎么办?
怎么样去除右下角的弹出广告?
如何消除右下角的弹出菜单
右下角的弹出广告怎么清除?
右下角的弹出广告怎么清除
上网站时右下角总是弹出广告。
如何清除右下角弹出的垃圾广告!
如何清除右下角弹出的垃圾广告!
如何清除右下角弹出的垃圾广告!
打开网页时 总是在右下角弹出...
关于桌面右下角弹出的东西?
如何阻止电脑右下角弹出广告?
怎么解决右下角的弹出窗口啊?
IE经常在右下角弹出个广告
电脑右下角经常弹出黄色感叹号????
电脑右下角弹出的新闻怎么样阻止
QQ总是在右下角弹出新闻
为什么桌面右下角一直弹出图片?