SEO网站策划营销-用css+div实现鼠标经过显示隐藏层的简洁方式!
简洁的用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要和之前的代码相呼应。
代码就这么多,灵活运用很好玩。