网站首页
高清电影
无损音乐
游戏攻略
电脑教程
破解资源
站长资源
软件下载
JS中style.display和style.visibility的区别实例说明
(编辑:jimmy 日期: 2024/10/11 浏览:
2
)
在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时候,元素被显示,在style.display=none和style.visibility=hidden的时候,元素被隐藏。它们之间最大的区别是通过style.display=none隐藏的时候,元素不占据原来的位置,从文档流中脱离,后续的元素填补其位置。通过style.visibility=hidden隐藏的时候,元素仍然占据原来的位置,只是被隐藏。
下面的例子说明了这种区别:在这个例子中,divContent1和divContent2隐藏的时候用的是style.display=none,这时候,后面的div会向上移动,占据已经隐藏的div的空间。divContent3和divContent4用的是style.visibility=hidden来隐藏,但是其隐藏后仍然占据原来的空间。
test
click here(内容部分会隐藏,下面的内容会上来) this is some content to show and hide
click here this is some content to show and hide
click here(内容部分会隐藏,下面的内容不会上来) this is some content to show and hide
click here this is some content to show and hide
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇:
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
下一篇:
早该知道的7个JavaScript技巧
最新资源
万代南梦宫逼迫中国选手弃权《铁拳》比赛 国籍不
《黑神话》官方手办引热议:真的很好看真的买不起
《黑神话:悟空》取景地灵岩寺现巨型悟空!挥舞大
秦咏.1997-歌咏诗情·历年名曲典故【音乐谷】【W
群星.1997-纯电影·电影歌曲剧照纪念篇【新艺宝】
邰肇玫.1981-雪歌(滚石25周年经典复刻系列)【滚
《Duck Side of the Moon》特色玩法介绍
《刀郎 辉煌10年绝版珍藏 3CD》[WAV/分轨][1.6G
《张韶涵 全面沦陷》[WAV/分轨][370MB]
《极品汽车音乐 三十而立 一起走过的岁月 2CD》
首页
音乐
电影
资源