网站策划营销 - 新绩绩企业网络营销机构

网站策划营销是中小企业开展网络营销的重要一步!

« 推广网站简单可行的方法!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要和之前的代码相呼应。

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

  • 相关文章:

发表评论:

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

日历

最新评论及回复

最近发表