三级下拉联动菜单js代码
本款下拉菜单是利用了js+css教程+div 三级联动下拉菜单代码效果哦,如果你正在找下拉菜单的话,这款免费的联动下拉菜单很不错哦,精美。
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv=content-type content="text/html; charset=gb2312">
<meta content=all name=robots>
<link href="style/index.css" rel="stylesheet" type="text/css" /><meta content="mshtml 6.00.5730.11" name=generator>
<title>三级下拉联动菜单js代码</title>
<script src="js/mootools.js" type=text/网页特效></script>
<script src="js/index.js" type=text/javascript></script>
</head>
<body><div id=header>
<div class=header_navigation id=header_navigation>
<ul>
<li><em><a title=zzzyk.com href="http://www.zhutiai.com">首页</a></em></li>
<li><em><a title=zzzyk.com href="http://www.zhutiai.com">裸钻定制</a></em></li>
<li><em><a class=a title=zzzyk.com href="http://www.zhutiai.com">钻戒/对戒</a></em>
<div class=header_drawer>
<dl>
<dd class=f><a title=zzzyk.com href="http://www.zhutiai.com">女款钻戒</a>
<div class=dd_header_drawer>
<dl>
<dd class=f>
<a title="zzzyk.com" href="http://www.zhutiai.com">时尚款</a>
<dd><a title="zzzyk.com" href="http://www.zhutiai.com">经典款</a>
<dd><a title="zzzyk.com" href="http://www.zhutiai.com">豪华款</a></dd>
</dl>
</div>
<dd><a title=zzzyk.com href="http://www.zhutiai.com">男款钻戒</a>
<div class=dd_header_drawer>
<dl>
<dd class=f><a title="zzzyk.com" href="http://www.zhutiai.com">时尚款</a>
<dd><a title="zzzyk.com" href="http://www.zhutiai.com">经典款</a></dd>
</dl>
</div>
<dd><a title=zzzyk.com href="http://www.zhutiai.com">情侣对戒</a>
<div class=dd_header_drawer>
<dl>
<dd class=f><a title="zzzyk.com" href="http://www.zhutiai.com">时尚款</a>
<dd><a title="zzzyk.com" href="http://www.zhutiai.com">经典款</a></dd>
</dl>
</div>
</dd>
</dl>
</div>
</li>
<li><em><a class=a title=zzzyk.com href="http://www.zhutiai.com">钻石饰品</a></em>
<div class=header_drawer>
<dl>
<dd class=f><a title=zzzyk.com href="http://www.zhutiai.com">钻石吊坠</a>
<div class=dd_header_drawer>
<dl>
<dd class=f><a title="zzzyk.com" href="http://www.zhutiai.com">时尚款</a>
<dd><a title="zzzyk.com" href="http://www.zhutiai.com">经典款</a>
<dd><a title="zzzyk.com" href="http://www.zhutiai.com">豪华款</a></dd>
</dl>
</div>
<dd><a title=zzzyk.com href="http://www.zhutiai.com">钻石耳钉</a>
<div class=dd_header_drawer>
<dl>
<dd class=f><a title="zzzyk.com" href="http://www.zhutiai.com">时尚款</a>
<dd><a title="zzzyk.com" href="http://www.zhutiai.com">经典款</a></dd>
</dl>
</div>
</dd>
</dl>
</div>
</li>
<li class=l><em><a title=zzzyk.com href="http://www.zhutiai.com">钻石礼品</a></em></li>
</ul>
</div>
<div class="tip">
<span><a href="http://mb.zzzyk.com">网页模板</a><a href="http://www.zzzyk.com">网页制作教程</a><a href="http://down.zzzyk.com">网页设计素材</a></span>菜单制作:网页设计素材--zzzyk.com
</div>
</div></body>
</html>
源
码下载地下
http://down.zzzyk.com/js/2010/0831/20551.html
效果预览地址
http://g.226511.cn/javascript/js/20100831/cv
补充:网页制作,jquery