六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

Jquery让DIV层在页面中间显示

Admin | 2015-7-20 10:48:20 | ReadNums | 1981 | 标签 网页制作 | 打印本页
     

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

  一、页面对象

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

  <button id="btn1">点击测试</button>

  二、代码如下

  $(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); 
    }
  });  


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日