用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要和之前的代码相呼应。