一段显示隐藏列表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>