用CSS+DIV实现鼠标经过显示隐藏层,鼠标离开不显示隐藏层的效果

Quote

<a href="/class.asp?class_ID=272" onMouseOver="document.all.menulayer_1.style.visibility=''" onMouseOut="document.all.menulayer_1.style.visibility='hidden'">關於我們</a>

上面这段是超链接的文字部分,要注意的是其中的“menulayer_1”,这个可以自定义命名,一个超链接关联一个,不可重复。另外要注意的是“visibility='hidden'”,这个就是鼠标离开后,隐藏的层就会隐藏。

Quote
<div id="menulayer_1" class="menulayer" style="visibility: hidden; padding: 225px 0px 0px 9px;">About Us, About Blazing Flames.</div>

这个就是默认隐藏的层的内容,注意他的ID要和之前的代码相呼应。

posted @ 2015-11-11 15:33  我寺神经病  阅读(1821)  评论(0编辑  收藏  举报