内容:
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//显示
通过设置display属性可以使div隐藏后释放占用的页面空间,如下
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//显示
如果用div.style.display="none"隐藏会引起,div里面的东西休眠,里面的事件就不响应了。
最好将div里面的对象的width或height设成0.比如:div里面有一个player的iframe.
document.frames['player'].frameElement.height=0;
分享到:
相关推荐
本程序在网页中设计了Div层的显示和隐藏,代码简单、实用。
javascript DIV隐藏、显示 弹出式窗口样式
jquery+js打造div滑动效果,淡入淡出,隐藏与显示。
使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
div实现iframe的框架左侧隐藏与显示实例;代码非常简单;分享给大家
博文链接:https://qsfwy.iteye.com/blog/219184
纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存
点击按钮(a标签)隐藏显示div内容,切换div内容
div显示隐藏效果
ajax控制div窗口显示和隐藏
JS做的隐藏与显示DIV可拖动弹出层实例代码 学习参考
Div显示隐藏,鼠标放到文字上显示隐藏DIV
javascript实现显示和隐藏div方法汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>15种方法实现div显示和隐藏</title> [removed][removed] <...
JS实现各种动态显示隐藏div效果,包括卷动显示隐藏效果,渐变显示隐藏效果,大小缩放显示隐藏效果
显示相同 id 的 div 隐藏 显示相同 id 的 div 隐藏 显示相同 id 的 div 隐藏
div的显示和隐藏,在网页设计中可将导航等进行显示和隐藏
这个是我自己做的 一般都能看懂的,不能懂的问我。450789931
鼠标经过显示隐藏层js,隐藏层可加css样式,可随意控制大小,js有详细注释
DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子DIV显示隐藏小例子