這次帶給大家的是jQuery怎麼做出彈跳窗效果,彈跳窗效果是我們專案裡常使用到的,這篇文章就給大家好好分析一下。
用到的點:
jQuery建立:
$('');
彈出視窗的位置:
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()); })
相信看了以上介紹你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
以上是jQuery怎麼做出彈跳窗效果的詳細內容。更多資訊請關注PHP中文網其他相關文章!