如何用css控制一个容器的显示
根据页面的需要有时候我们需要隐藏一些元素，但当鼠标移到某一个区域的时候，我们希望这些隐藏的元素显示出来。用css网页布局，我们该如何实现呢？ 首先我们将这一隐藏元素在页
根据页面的需要有时候我们需要隐藏一些元素，但当鼠标移到某一个区域的时候，我们希望这些隐藏的元素显示出来。用css网页布局，我们该如何实现呢？
首先我们将这一隐藏元素在页面中隐藏掉，可以应用displasy属性，关于displasy属性可以参考这里。
我们再对链接添加onMouseOver、onMouseOut的小脚本，改变displasy属性的相关值，让隐藏的元素显示出来即可。我们看下面的xhtml代码：
<a href="http://www.fun52.com/" style="color:blue"
onMouseOver="document.all.hehe.style.display='block'"
onMouseOut="document.all.hehe.style.display='none'">
我爱CSS - www.fun52.com</a>
我们看下面的运行效果：
Source Code to Run [www.fun52.com]
www.fun52.com
我爱CSS - www.fun52.com
[ 可先修改部分代码 再运行查看效果 ]
- 上一篇：结构中id与class的使用原则与技巧
- 下一篇：如何用CSS设置下拉列表sel
精彩图集
精彩文章