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

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

WBOY
WBOY原創
2016-05-16 16:57:451125瀏覽

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  

 });  }
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn