如何用css控制一个容器的显示与隐藏?_Div+CSS教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
根据页面的需要有时候我们需要隐藏一些元素,但当鼠标移到某一个区域的时候,我们希望这些隐藏的元素显示出来。用css网页布局,我们该如何实现呢?
首先我们将这一隐藏元素在页面中隐藏掉,我们再对链接添加onMouseOver、onMouseOut的小脚本,改变displasy属性的相关值,让隐藏的元素显示出来即可。我们看下面的xhtml代码:
示例代码 [www.mb5u.com]
<a href="http://www.mb5u.com/" style="color:blue"
onMouseOver="document.all.hehe.style.display='block'"
onMouseOut="document.all.hehe.style.display='none'">
模板无忧 - www.mb5u.com</a>
onMouseOver="document.all.hehe.style.display='block'"
onMouseOut="document.all.hehe.style.display='none'">
模板无忧 - www.mb5u.com</a>
我们看下面的运行效果:
代码调试框 [www.mb5u.com]
相关Div+CSS教程:
- 相关链接:
- 教程说明:
Div+CSS教程-如何用css控制一个容器的显示与隐藏?。