PHP导航下拉菜单的实现方法

这篇文章主要为大家详细介绍了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 layer 
function mopen(id) 
{ 
// cancel close timer 
mcancelclosetime(); 

// close old layer 
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; 

// get new layer and show it 
ddmenuitem = document.getElementById(id); 
ddmenuitem.style.visibility = 'visible'; 

} 
// close showed layer 
function mclose() 
{ 
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; 
} 

// go close timer 
function mclosetime() 
{ 
closetimer = window.setTimeout(mclose, timeout); 
} 

// cancel close timer 
function mcancelclosetime() 
{ 
if(closetimer) 
{ 
window.clearTimeout(closetimer); 
closetimer = null; 
} 
} 

// close layer when click-out 
document.onclick = mclose; 
// --> 
</script> 
<div class="header_continer002"> 

<div class="header"> <img class="logo" src="images/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="images/top_pic01.jpg" /></a> 

<div style="margin-top:5px;"> <a href="http://weibo.com/tcdd" target="_blank"><img src="images/top_pic02.jpg" /></a></div> 
</span> 
<ul class="nav" onm ouseout="hide_sub()" id="sddm"> 
<li><a href="/">首页</a></li> 

<li><a href="/plus/list.php?tid=1" onm ouseover="mopen('m1')" onm ouseout="mclosetime()">关于我们</a> 
<div id="m1" onm ouseover="mcancelclosetime()" onm ouseout="mclosetime()"> 
<a 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" onm ouseover="mopen('m2')" onm ouseout="mclosetime()">新闻中心</a> 
<div id="m2" onm ouseover="mcancelclosetime()" onm ouseout="mclosetime()"> 
<a 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" onm ouseover="mopen('m3')" onm ouseout="mclosetime()">解决方案</a> 
<div id="m3" onm ouseover="mcancelclosetime()" onm ouseout="mclosetime()"> 
<a 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" onm ouseover="mopen('m4')" onm ouseout="mclosetime()">产品展示</a> 
<div id="m4" onm ouseover="mcancelclosetime()" onm ouseout="mclosetime()"> 
<a 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" onm ouseover="mopen('m5')" onm ouseout="mclosetime()">支持与下载</a> 
<div id="m5" onm ouseover="mcancelclosetime()" onm ouseout="mclosetime()"> 
<a 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=6" onm ouseover="mopen('m6')" onm ouseout="mclosetime()">人才招聘</a> 
<div id="m6" onm ouseover="mcancelclosetime()" onm ouseout="mclosetime()"> 
<a 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" onm ouseover="mopen('m7')" onm ouseout="mclosetime()">联系我们</a> 
<div id="m7" onm ouseover="mcancelclosetime()" onm ouseout="mclosetime()"> 
<a 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> 

本文来自：http://www.q1010.com/173/14797-0.html

注：关于PHP导航下拉菜单的实现方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：下拉菜单