Jquery让DIV层在页面中间显示

Admin | 2015-7-20 10:48:20 | 被阅次数 | 4689

温馨提示!

如果未能解决您的问题，请点击搜索；登陆可复制文章，点击登陆

　　功能：让div显示的时候出现在页面的中间位置。

　　一、页面对象

　　<div id="box" style="background:#FF9933; display:none">
　　 <p>内容内容div内容</p>
　</div>

　　二、代码如下

　　$(document).ready(function(){
　　 $("#btn1").click(function(){
　　    SetDivCenter("box");
　　 });
　　 function SetDivCenter(GetID)
　　 {
　　    var GetDivID="#"+GetID;
　　    var top = ($(window).height() - $(GetDivID).height())/2;
　　   var left = ($(window).width() - $(GetDivID).width())/2;
  　　 var scrollTop = $(document).scrollTop();
  　　 var scrollLeft = $(document).scrollLeft();
  　　 $(GetDivID).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show(1000);
　　 }
　　});