当前位置:K88软件开发文章中心编程全书编程全书01 → 文章内容

如何巧妙在网页中实现DIV层隐藏

减小字体 增大字体 作者:佚名  来源:翔宇亭IT乐园  发布时间:2019-1-3 0:28:47

:2010-04-19 10:10:00

我们在网页设计过程中经常使用DIV标签来实现层的隐藏,具体来讲就是使用div的visibility属性控制div的显示和隐藏,可是隐藏后页面显示空白,如何巧妙地实现DIV层的隐藏呢?本文就给出了一个方法供大家参考。

原方法代码片段:

style="visibility: none;"
  document.getElementById("divLayer1").style.visibility="hidden";//隐藏
  document.getElementById("divLayer1").style.visibility="visible";//显示

通过设置display属性可以使div隐藏后释放占用的页面空间,代码如下:

style="display: none;"
  document.getElementById("divLayer1").style.display="none";//隐藏
  document.getElementById("divLayer1").style.display="";//显示

怎么样,困扰你已久的问题解决了吧,如果你乐意就给本文一个评价吧。



如何巧妙在网页中实现DIV层隐藏