Dzwebs.Net

撰写电脑技术杂文十余年

Jquery让DIV层在页面中间显示

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

温馨提示!

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

  功能:让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); 
    }
  });  


该杂文来自: 网页制作杂文

上一篇:概括性介绍Jquery的.on .bind .live .delegate事

下一篇:Jequery判断访客是否是移动设备

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计