一段显示隐藏列表HTML代码

一段显示隐藏列表HTML代码， 技巧在于把页面上的元素（“返回首页”）和控制显示/隐藏的元素（id=navs-menu）放在一个共同的div上，并在该div上绑定onmouseover和onmouseout事件！

<pre>

<DIV class="a">
<DIV id=navs-wraper-v2 class="v2" οnmοuseοver="document.getElementById('navs-menu').style.display='block'" οnmοuseοut="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>

返回首页

• 首页
• 资讯
• 论坛
• 名人堂
• 家园
• 应用界
• 苹果
• Win8技术
• 群组
• Win8
• 话题

 

转载于:https://www.cnblogs.com/wenwujuncheng/p/3521004.html