首頁 > web前端 > js教程 > jquery實現彈出層完美居中效果_jquery

jquery實現彈出層完美居中效果_jquery

WBOY
發布: 2016-05-16 16:57:45
原創
1100 人瀏覽過

jquery實現彈出層完美居中效果

複製程式碼 程式碼如下:

程式碼如下:
function showDiv(obj){
 $(obj).show();
 center(obj);
 $(window).scroll(function(obj);
 $(window).scroll(function( ){
  center(obj);
 });
 $(window).resize(function(){
  center(obj); });

  center(obj);
 });
}
}
 }); >
function center(obj){
 var windowWidth = document.documentElement.clientWidth;  
 var windowHeight = document.doccom > var popupWidth = $(obj).width();   
 $(obj).css({  
  "position": "absolute",  
> "top": (windowHeight ) $ (document).scrollTop(),  
  "left": (windowWidth-popupWidth)/2  

 });  }
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板