实现jQuery弹窗效果的示例分析
这篇文章主要介绍实现jQuery弹窗效果的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联从2013年成立,先为涧西等服务建站,涧西等地企业,进行企业商务咨询服务。为涧西企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
本文实例为大家分享了jQuery弹窗效果展示的具体代码,供大家参考,具体内容如下
弹窗
用到的点:
jQuery创建:$('
');
本文标题:实现jQuery弹窗效果的示例分析
转载注明:http://myzitong.com/article/gspioc.html
弹窗的位置:
oLogin.css('left',($(window).width()-oLogin.outerWidth())/2); oLogin.css('top',($(window).width()-oLogin.outerHeight())/2);
当滚动条滚动时候,弹窗的位置变化:
$(window).on("resize scroll",function(){ oLogin.css('left',($(window).width()-oLogin.outerWidth())/2+$(window).scrollLeft()); oLogin.css('top',($(window).width()-oLogin.outerHeight())/2+$(window).scrollTop()); })
以上是“实现jQuery弹窗效果的示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
本文标题:实现jQuery弹窗效果的示例分析
转载注明:http://myzitong.com/article/gspioc.html