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

jquery让对象显示在页面的中间

Admin | 2015-8-12 9:46:08 | ReadNums | 1642 | 标签 网页制作 | 打印本页
     

  如何让某个div显示的时候,出现在页面的正中间,不管是页面最大化还是常规化,始终都显示在可视页面的中间位置。

  一、函数功能代码

  function setDivCenter(divName)
  { 
      var top = ($(window).height() - $(divName).height())/2; 
    var left = ($(window).width() - $(divName).width())/2; 
      var scrollTop = $(document).scrollTop(); 
      var scrollLeft = $(document).scrollLeft(); 
      $(divName).css( { "z-index":99,"position":"absolute","top": top + scrollTop,"left": left + scrollLeft } ).show();
  } 

  二、调用的方法

  setDivCenter("#div1");

  注意哦,div1是div的ID号。

  三、页面所需控件

  页面只需要一个测试用的div就足够了。

  <div id="div1" style="display:none">注意看变化哦</div>


问题未解决:在线咨询

网友评论

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