display显示与隐藏案例
导读:display闪现对象形式(display:block)和潜藏对象内容(display:None),通过案例介绍。 一般默认html内容是显露,但偶然咱们想后期他窜伏,鼠标经由过程一个触发地方,便透露表现被隐藏模式,这个时刻起头时候我们运...
display闪现对象形式(display:block)和潜藏对象内容(display:None),通过案例介绍。
一般默认html内容是显露,但偶然咱们想后期他窜伏,鼠标经由过程一个触发地方,便透露表现被隐藏模式,这个时刻起头时候我们运用display:None,当鼠标经过触发地方时,JS对应调用display:block花样的CSS闪现内容。常见Tab滑动门选项卡(鼠标经由过程栏目,对应内容显露)。
因为HTML在不配置CSS display名目,本身形式是显示的,以是咱们这里就只现实通过CSS div display潜藏对象。
1、隐藏案例阐明
我们运用css display:none隐藏一个DIV和此DIV标签内的内容。
2、CSS代码片段
.CSS5{ display:none}
3、HTML代码片断
我体现 第一排我被潜藏 第二排我透露表现 第三排
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: display显示与隐藏案例
本文地址: https://pptw.com/jishu/668475.html