- ·上一篇内容:如何解决Flash挡住层的问题
- ·下一篇内容:网页设计中的颜色搭配技巧
如何巧妙在网页中实现DIV层隐藏
我们在网页设计过程中经常使用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="";//显示
怎么样,困扰你已久的问题解决了吧,如果你乐意就给本文一个评价吧。
本文源自:翔宇亭——IT乐园(http://www.biye5u.com),转载请保留此信息!
微信搜索“优雅的代码”关注本站的公众号,或直接使用微信扫描下面二维码关注本站公众号,以获取最新内容。
个人成长离不开各位的关注,你的关注就是我继续前行的动力。