Dzwebs.Net

撰写电脑技术杂文十余年

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

Admin | 2015-8-12 9:46:08 | 被阅次数 | 4002

温馨提示!

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

  如何让某个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>


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

上一篇:jquery实现两个同级的静态的DIV的嵌套

下一篇:js网页事件列表

网站备案号:

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

版权属性:

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

联系方式:

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