<u>复制代码</u> 代码如下: <br><style> <BR>#sddm li a:hover <BR>{ background: #49A3FF} <br><br>#sddm div <BR>{ position: absolute; <BR>visibility: hidden; <BR>margin: 0; <BR>padding: 0; <BR>background: #EAEBD8; <BR>border: 1px solid #5970B2} <br><br>#sddm div a <BR>{ position: relative; <BR>display: block; <BR>margin: 0; <BR>padding: 5px 10px; <BR>width: auto; <BR>white-space: nowrap; <BR>text-align: left; <BR>text-decoration: none; <BR>background: #EAEBD8; <BR>color: #2875DE; <BR>font: 12px arial} <br><br>#sddm div a:hover <BR>{ background: #49A3FF; <BR>color: #FFF} <BR></style> <br><!-- dd menu --> <br><script type="text/javascript"> <BR><!-- <BR>var timeout = 500; <BR>var closetimer = 0; <BR>var ddmenuitem = 0; <br><br>// open hidden layer <BR>function mopen(id) <BR>{ <BR>// cancel close timer <BR>mcancelclosetime(); <br><br>// close old layer <BR>if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; <br><br>// get new layer and show it <BR>ddmenuitem = document.getElementById(id); <BR>ddmenuitem.style.visibility = 'visible'; <br><br>} <BR>// close showed layer <BR>function mclose() <BR>{ <BR>if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; <BR>} <br><br>// go close timer <BR>function mclosetime() <BR>{ <BR>closetimer = window.setTimeout(mclose, timeout); <BR>} <br><br>// cancel close timer <BR>function mcancelclosetime() <BR>{ <BR>if(closetimer) <BR>{ <BR>window.clearTimeout(closetimer); <BR>closetimer = null; <BR>} <BR>} <br><br>// close layer when click-out <BR>document.onclick = mclose; <BR>// --> <BR></script> <br><div class="header_continer002"> <br><br><div class="header"> <img class="logo" src="images/logo.jpg" alt="PHP导航下拉菜单的实现如此简单_PHP" > <span class="pos_01">服务热线<br> <br>400-691-6006</span> <span class="pos_02"> <a href="http://u.youku.com/user_show/id_UMzMxNDI5MTgw.html" target="_blank"><img src="images/top_pic01.jpg" alt="PHP导航下拉菜单的实现如此简单_PHP" ></a> <br><br><div style="max-width:90%"> <a href="http://weibo.com/tcdd" target="_blank"><img src="images/top_pic02.jpg" alt="PHP导航下拉菜单的实现如此简单_PHP" ></a> </div> <br></span> <br><ul class="nav" onmouseout="hide_sub()" id="sddm"> <br><li><a href="/">首页</a></li> <br><br><li> <a href="/plus/list.php?tid=1" onmouseover="mopen('m1')" onmouseout="mclosetime()">关于我们</a> <br><div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <br><a href="#">HTML DropDown</a> <br><a href="#">DHTML DropDown menu</a> <br><a href="#">JavaScript DropDown</a> <br><a href="#">DropDown Menu</a> <br><a href="#">CSS DropDown</a> <br> </div> <br> </li> <br><br><li> <a href="/plus/list.php?tid=2" onmouseover="mopen('m2')" onmouseout="mclosetime()">新闻中心</a> <br><div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <br><a href="#">ASP Dropdown</a> <br><a href="#">Pulldown menu</a> <br><a href="#">AJAX dropdown</a> <br><a href="#">DIV dropdown</a> <br> </div> <br> </li> <br><br><li> <a href="/plus/list.php?tid=3" onmouseover="mopen('m3')" onmouseout="mclosetime()">解决方案</a> <br><div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <br><a href="#">ASP Dropdown</a> <br><a href="#">Pulldown menu</a> <br><a href="#">AJAX dropdown</a> <br><a href="#">DIV dropdown</a> <br> </div> <br> </li> <br><br><li> <a href="/plus/list.php?tid=4" onmouseover="mopen('m4')" onmouseout="mclosetime()">产品展示</a> <br><div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <br><a href="#">ASP Dropdown</a> <br><a href="#">Pulldown menu</a> <br><a href="#">AJAX dropdown</a> <br><a href="#">DIV dropdown</a> <br> </div> <br> </li> <br><br><li> <a href="/plus/list.php?tid=5" onmouseover="mopen('m5')" onmouseout="mclosetime()">支持与下载</a> <br><div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <br><a href="#">ASP Dropdown</a> <br><a href="#">Pulldown menu</a> <br><a href="#">AJAX dropdown</a> <br><a href="#">DIV dropdown</a> <br> </div> <br> </li> <br><br><li> <a href="/plus/list.php?tid=6" onmouseover="mopen('m6')" onmouseout="mclosetime()">人才招聘</a> <br><div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <br><a href="#">ASP Dropdown</a> <br><a href="#">Pulldown menu</a> <br><a href="#">AJAX dropdown</a> <br><a href="#">DIV dropdown</a> <br> </div> <br> </li> <br><br><li> <a href="/plus/list.php?tid=7" onmouseover="mopen('m7')" onmouseout="mclosetime()">联系我们</a> <br><div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <br><a href="#">ASP Dropdown</a> <br><a href="#">Pulldown menu</a> <br><a href="#">AJAX dropdown</a> <br><a href="#">DIV dropdown</a> <br> </div> <br> </li> <br> </ul> <br> <br> </div> <br> </div> <br> <br>