位置: 编程技术 - 正文
jQuery点击按钮弹出遮罩层且内容居中特效(jquery点击按钮跳转页面)
编辑：rootadmin推荐整理分享jQuery点击按钮弹出遮罩层且内容居中特效(jquery点击按钮跳转页面)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery点击弹出提示框,jquery点击弹出提示框,jquery点击弹出提示框,jquery 点击按钮,jquery点击按钮跳转页面,jquery点击弹出提示框,jquery 点击按钮,jquery点击按钮弹出对话框然后从下面出来一个图片,内容如对您有帮助，希望把文章链接给更多的朋友！
本文为大家分享了jQuery点击按钮弹出遮罩层且内容居中的特效，下面来看最终实现的效果：
由于是测试的程序，所以我未加关闭的按钮。一、主体程序
二、CSS样式
三、JS程序这个才是本次随笔所说的重点，下面来看一段错误的JS程序：
上面这段程序看起来没有问题，那么来看一下输出的结果：
实际测量的时候上下的间距是不一致的。
那么正确的JS程序是：
从上面程序可以看出在遮罩层弹出显示以后再执行一个函数动态的设置弹出层的背景大小和距离页面的上间距和左间距，而不是一开始加载JS时就已经设置好弹出层各项参数。
上一篇：jquery实现倒计时效果(jquery倒计时60秒)
下一篇：jQuery滚动加载图片实现原理(jquery滚动条滚动到指定位置)