PHP導航下拉式功能表的實現

<style>#sddm li a:hover{ background: #49A3FF}#sddm div{ position: absolute;visibility: hidden;margin: 0;padding: 0;background: #EAEBD8;border: 1px solid #5970B2}#sddm div a{ position: relative;display: block;margin: 0;padding: 5px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #EAEBD8;color: #2875DE;font: 12px arial}#sddm div a:hover{ background: #49A3FF;color: #FFF}</style><!-- dd menu --><script type="text/javascript"><!--var timeout = 500;var closetimer = 0;var ddmenuitem = 0;// open hidden layerfunction mopen(id){// cancel close timermcancelclosetime();// close old layerif(ddmenuitem) ddmenuitem.style.visibility = 'hidden';// get new layer and show itddmenuitem = document.getElementById(id);ddmenuitem.style.visibility = 'visible';}// close showed layerfunction mclose(){if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';}// go close timerfunction mclosetime(){closetimer = window.setTimeout(mclose, timeout);}// cancel close timerfunction mcancelclosetime(){if(closetimer){window.clearTimeout(closetimer);closetimer = null;}}// close layer when click-outdocument.onclick = mclose;// --></script><div class="header_continer002"><div class="header"> <img class="logo" src=\'#\'" /logo.jpg" /> <span class="pos_01">服務熱線<br />400-691-6006</span> <span class="pos_02"> <a href="http://u.youku.com/user_show/id_UMzMxNDI5MTgw.html" target="_blank"><img src=\'#\'" /top_pic01.jpg" /></a><div style="margin-top:5px;"> <a href="http://weibo.com/tcdd" target="_blank"><img src=\'#\'" /top_pic02.jpg" /></a></div></span><ul class="nav"  id="sddm"><li><a href="/">首頁</a></li><li><a href="/plus/list.php?tid=1"   id="m1"   href="#">HTML DropDown</a><a href="#">DHTML DropDown menu</a><a href="#">JavaScript DropDown</a><a href="#">DropDown Menu</a><a href="#">CSS DropDown</a></div></li><li><a href="/plus/list.php?tid=2"   id="m2"   href="#">ASP Dropdown</a><a href="#">Pulldown menu</a><a href="#">AJAX dropdown</a><a href="#">DIV dropdown</a></div></li><li><a href="/plus/list.php?tid=3"   id="m3"   href="#">ASP Dropdown</a><a href="#">Pulldown menu</a><a href="#">AJAX dropdown</a><a href="#">DIV dropdown</a></div></li><li><a href="/plus/list.php?tid=4"   id="m4"   href="#">ASP Dropdown</a><a href="#">Pulldown menu</a><a href="#">AJAX dropdown</a><a href="#">DIV dropdown</a></div></li><li><a href="/plus/list.php?tid=5"   id="m5"   href="#">ASP Dropdown</a><a href="#">Pulldown menu</a><a href="#">AJAX dropdown</a><a href="#">DIV dropdown</a></div></li><!--http://www.unitymanual.com/forum.php--><li><a href="/plus/list.php?tid=6"   id="m6"   href="#">ASP Dropdown</a><a href="#">Pulldown menu</a><a href="#">AJAX dropdown</a><a href="#">DIV dropdown</a></div></li><li><a href="/plus/list.php?tid=7"   id="m7"   href="#">ASP Dropdown</a><a href="#">Pulldown menu</a><a href="#">AJAX dropdown</a><a href="#">DIV dropdown</a></div></li></ul></dl></div></div></div>

本文出自 “unity3d學習者” 部落格，請務必保留此出處http://unity3d168.blog.51cto.com/4361353/1300167