用css+div实现鼠标经过显示隐藏层的简洁方式!

发布:admin | 分类:学习教程资料 | 引用:0 | 浏览:

22 Jun 2008

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

代码就这么多,灵活运用很好玩。

  • 相关文章:

0评论 - 用css+div实现鼠标经过显示隐藏层的简洁方式!

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于

自从有了Blog,我们的世界变得不一样了,在这里说我想说的,说我能说的,能看到这里的,感谢您的关注,同时最美好的祝愿送给您。

我的图片

日历


控制面板

最近发表

最近留言