- ·上一篇文章:网页设计中的颜色搭配技巧
- ·下一篇文章:网页刷新方法集锦
如何巧妙在网页中实现DIV层隐藏
: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层隐藏