三级下拉联动菜单js代码

<!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=111cn.net href="http://www.111cn.net">首页</a></em></li>
   <li><em><a title=111cn.net href="http://www.111cn.net">裸钻定制</a></em></li>
   <li><em><a class=a title=111cn.net href="http://www.111cn.net">钻戒/对戒</a></em>
    <div class=header_drawer>
     <dl>
      <dd class=f><a title=111cn.net href="http://www.111cn.net">女款钻戒</a>
       <div class=dd_header_drawer>
        <dl>
         <dd class=f>
         <a title="111cn.net" href="http://www.111cn.net">时尚款</a>
         <dd><a title="111cn.net" href="http://www.111cn.net">经典款</a>
         <dd><a title="111cn.net" href="http://www.111cn.net">豪华款</a></dd>
        </dl>
       </div>
      <dd><a title=111cn.net href="http://www.111cn.net">男款钻戒</a>
       <div class=dd_header_drawer>
        <dl>
         <dd class=f><a title="111cn.net"  href="http://www.111cn.net">时尚款</a>
         <dd><a title="111cn.net" href="http://www.111cn.net">经典款</a></dd>
        </dl>
       </div>
      <dd><a title=111cn.net href="http://www.111cn.net">情侣对戒</a>
       <div class=dd_header_drawer>
        <dl>
         <dd class=f><a title="111cn.net" href="http://www.111cn.net">时尚款</a>
         <dd><a title="111cn.net" href="http://www.111cn.net">经典款</a></dd>
        </dl>
       </div>
      </dd>
     </dl>
    </div>
   </li>
   <li><em><a class=a title=111cn.net href="http://www.111cn.net">钻石饰品</a></em>
    <div class=header_drawer>
     <dl>
      <dd class=f><a title=111cn.net href="http://www.111cn.net">钻石吊坠</a>
       <div class=dd_header_drawer>
        <dl>
         <dd class=f><a title="111cn.net" href="http://www.111cn.net">时尚款</a>
         <dd><a title="111cn.net" href="http://www.111cn.net">经典款</a>
         <dd><a title="111cn.net" href="http://www.111cn.net">豪华款</a></dd>
        </dl>
       </div>
      <dd><a title=111cn.net href="http://www.111cn.net">钻石耳钉</a>
       <div class=dd_header_drawer>
        <dl>
         <dd class=f><a title="111cn.net" href="http://www.111cn.net">时尚款</a>
         <dd><a title="111cn.net" href="http://www.111cn.net">经典款</a></dd>
        </dl>
       </div>
      </dd>
     </dl>
    </div>
   </li>
   <li class=l><em><a title=111cn.net href="http://www.111cn.net">钻石礼品</a></em></li>
  </ul>
 </div>
 <div class="tip">
  <span><a href="http://mb.111cn.net">网页模板</a><a href="http://www.111cn.net">网页制作教程</a><a href="http://down.111cn.net">网页设计素材</a></span>菜单制作:网页设计素材--111cn.net
 </div>
</div>

</body>
</html>

码下载地下http://down.111cn.net/js/2010/0831/20551.html

时间: 2024-10-27 12:26:30

三级下拉联动菜单js代码的相关文章

原生JavaScript实现动态省市县三级联动下拉框菜单实例代码_javascript技巧

像平时购物选择地址时一样,通过选择的省动态加载城市列表,通过选择的城市动态加载县区列表,从而可以实现省市县的三级联动,下面使用原生的JavaScript来实现这个功能: 先给大家展示下测试结果: 未做任何选择时: 选择时: 代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>三级联动测试</titl

JS下拉缓冲菜单示例代码_javascript技巧

复制代码 代码如下: <!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"> <head> <style> body,html

纯CSS制作下拉导航菜单实例代码

css|菜单|导航|下拉 <style type="text/css">.menu {font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em;padding-bottom:250px;}.menu ul {padding:0; margin:0;list-style-type: none;}.menu ul li {float:left;position:relat

纯CSS下拉导航菜单效果代码

首页 最新更新 下载排行 ASP 企业整站 图片相册 社区程序 PHP 博客微博 论坛社区 JSP 企业 新闻系统 留言 VC++ 数据库 界面 加密 DELPHI 系统相关 算法 数据库

CSS三级下拉导航菜单(兼容多浏览器)

DEMOS zero dollars advertising page wrapping text around images styled form active focus hover/click with no borders styled form removing active/focus borders hover/click shadow boxing image map for detailed information fun with background images fad

css实现横向下拉导航菜单效果代码

视频 健康 房产 广州 北京 上海 深圳 天津 重庆 武汉 杭州 四川 家居 教育 读书 游戏 彩票 购彩大厅 合买大厅 彩票开奖 走势图 彩票资讯 手机购彩

基于js实现二级下拉联动_javascript技巧

本文实例为大家分享了js下拉联动的具体代码,供大家参考,具体内容如下 <!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"> <head>

js实现select下拉框菜单_javascript技巧

本文实例讲述了js实现select下拉框菜单的详细代码.分享给大家供大家参考.具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #gridComboBox { background: #fff; border: 1px solid #2d78f4; border-radius:

JS实现的Select三级下拉菜单代码_javascript技巧

本文实例讲述了JS实现的Select三级下拉菜单.分享给大家供大家参考.具体如下: 这里使用js实现Select三级下拉菜单,比如全国省市城市选择.数码类产品分类.人才类别选择等,都比较具有代表性,在表单中容易使用Select下拉列表菜单供用户选择,当然,自己用还是需要稍微改动的,比如至少菜单内容要改成自己需要的,其它的好说. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-3-select-menu-codes/ 具体代码如下: <ht