一段显示隐藏列表HTML代码
一段显示隐藏列表HTML代码, 技巧在于把页面上的元素(“返回首页”)和控制显示/隐藏的元素(id=navs-menu)放在一个共同的div上,并在该div上绑定onmouseover和onmouseout事件!
<pre>
<DIV class="a">
<DIV id=navs-wraper-v2 class="v2"
onmouseover="document.getElementById(‘navs-menu‘).style.display=‘block‘"
onmouseout="document.getElementById(‘navs-menu‘).style.display=‘none‘">
<P
id=return-homepage><A class="show-menu"
href="http://bbs.pcbeta.com/">返回首页</A></P>
<UL
style="DISPLAY: none" id=navs-menu>
<LI><A
href="http://bbs.pcbeta.com/portal.php">首页</A></LI>
<LI><A
href="http://www.pcbeta.com/news">资讯</A></LI>
<LI><A
href="http://bbs.pcbeta.com/forum.php">论坛</A></LI>
<LI><A
href="http://hof.pcbeta.com/">名人堂</A></LI>
<LI><A
href="http://bbs.pcbeta.com/home.php">家园</A></LI>
<LI><A
href="http://www.pcbeta.com/apps/">应用界</A></LI>
<LI><A
href="http://mac.pcbeta.com">苹果</A></LI>
<LI><A
href="http://www.pcbeta.com/win8tech/">Win8技术</A></LI>
<LI><A
href="http://bbs.pcbeta.com/group.php">群组</A></LI>
<LI><A
href="http://bbs.pcbeta.com/windows8">Win8</A></LI>
<LI><A
href="http://search.discuz.qq.com/s/581326486/index.html">话题</A></LI></UL></DIV></DIV>
<DIV
class="b"></DIV>
</pre>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。