JQuery实现鼠标经过，显示或隐藏DIV。
当然要先引JQuery:
<script type=”text/javascript” src=”jquery-1.6.4.min.js”></script>
其次是编写HTML代码，标签任意：
<li onmouseout=”showtopMenu2(‘hide’)” onmouseover=”showtopMenu2(‘show’)”><a id=”topnavbox2_show” href=”http://www.w1.cn/user.php”>更多服务</a><br>
<div id=”topnavbox2″ style=”display: none;”>
<p> <a target=”_blank” href=”http://pihao.w1.cn/”>化妆品批号查询</a></p>
<p><a target=”_blank” href=”http://kuaidi.w1.cn/”>快递查询工具</a></p>
</div>
</li>
再次是写JQuery代码：
<script language=”Javascript”>
/*function showtopMenu(dos){
if(dos==’show’){
document.getElementById(‘topnavbox’).style.display=”block”;
document.getElementById(‘topnavbox_show’).className=”menu_arrowHover”;
}else{
document.getElementById(‘topnavbox’).style.display=”none”;
document.getElementById(‘topnavbox_show’).className=”menu_arrow”;
}
}*/
function showtopMenu2(dos){
if(dos==’show’){
document.getElementById(‘topnavbox2′).style.display=”block”;
document.getElementById(‘topnavbox2_show’).className=”menu_arrowHover2″;
}else{
document.getElementById(‘topnavbox2′).style.display=”none”;
document.getElementById(‘topnavbox2_show’).className=”menu_arrow2″;
}
}
</script>
