三级下拉联动菜单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