如何用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

   [ 可先修改部分代码 再运行查看效果 ]

  

如何用css控制一个容器的显示

相关文章:

你感兴趣的文章:

标签云: