复制代码 代码如下:

<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>

<>

<script type="text/javascript">

<>

</script>

<div>

<div> <img src="images/logo.jpg" /> <span>服务热线<br />

400-691-6006</span> <span> <a href="http://u.youku.com/user_show/id_UMzMxNDI5MTgw.html" target="_blank"><img src="images/top_pic01.jpg" /></a>

<div> <a href="http://weibo.com/tcdd" target="_blank"><img src="images/top_pic02.jpg" /></a></div>

</span>

<ul onmouseout="hide_sub()" id="sddm">

<li><a href="/">首页</a></li>

<li><a href="/plus/list.php?tid=1" onmouseover="mopen('m1')" onmouseout="mclosetime()">关于我们</a>

<div id="m1" onmouseover="mcancelclosetime()" onmouseout="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" onmouseover="mopen('m2')" onmouseout="mclosetime()">新闻中心</a>

<div id="m2" onmouseover="mcancelclosetime()" onmouseout="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" onmouseover="mopen('m3')" onmouseout="mclosetime()">解决方案</a>

<div id="m3" onmouseover="mcancelclosetime()" onmouseout="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" onmouseover="mopen('m4')" onmouseout="mclosetime()">产品展示</a>

<div id="m4" onmouseover="mcancelclosetime()" onmouseout="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" onmouseover="mopen('m5')" onmouseout="mclosetime()">支持与下载</a>

<div id="m5" onmouseover="mcancelclosetime()" onmouseout="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" onmouseover="mopen('m6')" onmouseout="mclosetime()">人才招聘</a>

<div id="m6" onmouseover="mcancelclosetime()" onmouseout="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" onmouseover="mopen('m7')" onmouseout="mclosetime()">联系我们</a>

<div id="m7" onmouseover="mcancelclosetime()" onmouseout="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>

【PHP导航下拉菜单的实现如此简单】相关文章：

★ PHP脚本的10个技巧(4)

★ PHP实现的增强性mhash函数

★ 留言板翻页的实现详解

★ PHP实现即时输出、实时输出内容方法

★ PHP中的类型约束介绍

★ PHP使用flock实现文件加锁的方法

★ PHP4中实现动态代理

★ 一个用php3编写的简单计数器

★ PHP实现过滤各种HTML标签

★ php将HTML表格每行每列转为数组实现采集表格数据的方法