商品导航--仿电器网上商城导航jquery代码

 

<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3c.org/tr/1999/rec-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>苏宁电器网上商城导航js代码</title>
<script language=javascript src="images/jquery.js"></script>
<script type="text/javascript">
     $(function(){
        $("#snmenunav dl").hover(function(){
  $(this).find("dt a").addClass("on");
  $(this).find("dd").show();
  $(this).find("dt b").hide();
 },function(){
  $(this).find("dt a").removeClass("on");
  $(this).find("dd").hide();
  $(this).find("dt b").show();
 })
     });
</script>
<style type="text/css">
     body{font:12px tahoma,arial,宋体;padding:0px;margin:0px;}html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,pre,form,fieldset,input,textarea,blockquote,p{padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px}li{list-style-position:outside;list-style-type:none}img{border-bottom:medium none;border-left:medium none;vertical-align:top;border-top:medium none;border-right:medium none}input{font-size:12px;vertical-align:middle}button{font-size:12px;vertical-align:middle}ol{list-style:none none outside}ul{list-style:none none outside}a{text-decoration:none}a.link{text-decoration:none}a.visited{text-decoration:none}.hide{display:none}.clear{display:block;height:0px;clear:both;font-size:0px;overflow:hidden}.clearfix:after{display:block;height:0px;visibility:hidden;clear:both;overflow:hidden;content:"."}.menunav{z-index:9999;position:relative;width:189px;float:left}.menunav h2{margin-top:4px;text-indent:-9999px;background:url(images/main_0410.gif) no-repeat 0px 0px;height:39px;cursor:pointer}.navlist{border-bottom:#e7a300 1px solid;position:absolute;border-left:#e7a300 1px solid;width:187px;background:url(images/main_0410.gif) #fff9db no-repeat -190px -465px;height:445px;border-top:0px;top:43px;border-right:#e7a300 1px solid;left:0px}.navlist h4{text-align:right;line-height:34px;margin:3px auto 0px;width:185px;background:#ffdf6d;height:34px;font-size:12px;font-weight:normal}.navlist h4 a{padding-right:12px;font-family:"宋体";color:#873c00}.navlist h4 a:hover{color:#f60;text-decoration:underline}.navlist dl{position:relative;line-height:37px;width:188px;height:37px}.navlist dl dt{z-index:2;position:absolute;font-family:"宋体";font-size:13px}.navlist dl dt a{text-indent:36px;width:189px;display:block;color:#873c00}.navlist dl dt a.on{text-indent:36px;color:#f60;font-weight:700}.navlist dl dt .hot01{position:absolute;width:26px;background:url(images/main_0410.gif) no-repeat -975px 0px;height:13px;top:8px;right:20px}.navlist dl dt .hot02{position:absolute;width:26px;background:url(images/main_0410.gif) no-repeat -975px 0px;height:13px;top:8px;right:58px}.navlist dl dt.icon01 a{color:#c00}.navlist dl dt.icon02 a{color:#c00}.navlist dl dt.icon01 a.on{color:#f60}.navlist dl dt.icon02 a.on{color:#f60}.navlist dl dt.icon01 a.on{background:url(images/main_0410.gif) no-repeat 0px -390px}.navlist dl dt.icon02 a.on{background:url(images/main_0410.gif) no-repeat 0px -427px}.navlist dl dt.icon03 a.on{background:url(images/main_0410.gif) no-repeat 0px -464px}.navlist dl dt.icon04 a.on{background:url(images/main_0410.gif) no-repeat 0px -501px}.navlist dl dt.icon05 a.on{background:url(images/main_0410.gif) no-repeat 0px -538px}.navlist dl dt.icon06 a.on{background:url(images/main_0410.gif) no-repeat 0px -575px}.navlist dl dt.icon07 a.on{background:url(images/main_0410.gif) no-repeat 0px -612px}.navlist dl dt.icon08 a.on{background:url(images/main_0410.gif) no-repeat 0px -649px}.navlist dl dt.icon09 a.on{background:url(images/main_0410.gif) no-repeat 0px -686px}.navlist dl dt.icon10 a.on{background:url(images/main_0410.gif) no-repeat 0px -723px}.navlist dl dt.icon11 a.on{background:url(images/main_0410.gif) no-repeat 0px -760px}.navlist dl dt.icon12 a.on{background:url(images/main_0410.gif) no-repeat 0px -797px}.navlist dl dt.icon13 a.on{background:url(images/main_0410.gif) no-repeat 0px -834px}.navlist dl dd{z-index:1;border:#f7c900 1px solid;position:absolute;width:539px;display:none;background:#fffdf3;left:188px}.navlist dl dd .sideleft{width:380px;float:left}.navlist dl dd .sideright{width:116px;float:right}.sideleft{padding-bottom:20px;padding-left:20px;display:inline;background:#fff;float:left;border-right:#fbf1d8 1px solid;padding-top:6px}.sideleft h3{line-height:24px;width:370px;height:24px;color:#000;font-size:12px;font-weight:700}.sideleft li{width:370px;display:inline;float:left;border-top:#f6efe6 1px solid;margin-right:5px}.sideleft li.noline{border-top:medium none}.sideleft li b{width:75px;float:left}.sideleft li div{width:292px;margin-bottom:10px;float:left}.sideleft li div a{border-left:#d1d1d1 1px solid;padding-bottom:0px;line-height:14px;margin:11px 10px 0px 0px;padding-left:10px;padding-right:0px;white-space:nowrap;float:left;height:14px;color:#000;padding-top:0px}.sideleft li div a:visited{border-left:#d1d1d1 1px solid;padding-bottom:0px;line-height:14px;margin:11px 10px 0px 0px;padding-left:10px;padding-right:0px;white-space:nowrap;float:left;height:14px;color:#000;padding-top:0px}.sideleft li b{border-bottom:medium none;border-left:medium none;color:#f60;border-top:medium none;font-weight:normal;border-right:medium none}.sideleft li div a:hover{color:#f60;text-decoration:underline}.sideright{position:absolute;top:0px;right:0px}.sideright h3{line-height:28px;padding-left:10px;height:28px;color:#000;font-size:12px;font-weight:700;padding-top:5px}.sideright li{line-height:26px;width:60px;display:inline;float:left;height:26px;margin-left:14px;overflow:hidden}.sideright li a{color:#666}.sideright li a:visited{color:#666}.sideright li a:hover{color:#f60;text-decoration:underline}.menv03{top:0px}.menv04{top:-37px}.menv05{top:-74px}.menv06{top:-111px}.menv07{top:-148px}
</style>
</head>
<body>
<div style="width:300px; height:490px; margin:0px auto;">
<div class=menunav>
      <h2>所有商品分类</h2>
      <div id=snmenunav class=navlist>
        <dl>
          <dt class=icon03><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20001_20001_.html" target=_blank>手机、配件</a></dt>
          <dd class=menv03>
            <ul class=sideleft>
              <h3>手机、配件</h3>
               <li class=noline><b>手机</b>
                 <div><a title=gsm手机 href="#/wcs/stores/servlet/trd_10052_10051_1_20003_.html" target=_blank>gsm手机</a>
                      <a title=3g(wcdma)手机 href="#/wcs/stores/servlet/trd_10052_10051_1_20006_.html" target=_blank>3g(wcdma)手机</a>
                      <a title=3g(td-scdma)手机 href="#/wcs/stores/servlet/trd_10052_10051_1_20007_.html" target=_blank>3g(td-scdma)手机</a>
                      <a title=3g(cdma2000)手机 href="#/wcs/stores/servlet/trd_10052_10051_1_20008_.html" target=_blank>3g(cdma2000)手机</a>
                      <a title=cdma手机 href="#/wcs/stores/servlet/trd_10052_10051_1_20004_.html" target=_blank>cdma手机</a>
                 </div>
                 <span class=clear></span>
                </li>
               
                <li><b>音频配件</b>
                 <div><a title=蓝牙耳机 href="#/wcs/stores/servlet/trd_10052_10051_1_20011_.html" target=_blank>蓝牙耳机</a>
                      <a title=有线耳机 href="#/wcs/stores/servlet/trd_10052_10051_1_20010_.html" target=_blank>有线耳机</a>
                      <a title=耳机转接线 href="#/wcs/stores/servlet/trd_10052_10051_1_20014_.html" target=_blank>耳机转接线</a>
                      <a title=手机音箱  href="#/wcs/stores/servlet/trd_10052_10051_1_125008_.html" target=_blank>手机音箱</a>
                 </div>
                 <span class=clear></span>
                 </li>
                
               <li><b>充电配件</b>
                 <div><a title=标准电池
     href="#/wcs/stores/servlet/trd_10052_10051_1_20017_.html"
     target=_blank>标准电池</a> <a title=商务电池
     href="#/wcs/stores/servlet/trd_10052_10051_1_20018_.html"
     target=_blank>商务电池</a> <a title=充电器
     href="#/wcs/stores/servlet/trd_10052_10051_1_20020_.html"
     target=_blank>充电器</a> <a title=备用电源
     href="#/wcs/stores/servlet/trd_10052_10051_1_179001_.html"
     target=_blank>备用电源</a> </div>
                 <span class=clear></span></li>
                
               <li><b>数据配件</b>
                 <div><a title=存储卡
     href="#/wcs/stores/servlet/trd_10052_10051_1_20025_.html"
     target=_blank>存储卡</a> <a title=读卡器
     href="#/wcs/stores/servlet/trd_10052_10051_1_20026_.html"
     target=_blank>读卡器</a> <a title=数据线
     href="#/wcs/stores/servlet/trd_10052_10051_1_20028_.html"
     target=_blank>数据线</a> <a title=3g上网卡
     href="#/wcs/stores/servlet/trd_10052_10051_1_207003_.html"
     target=_blank>3g上网卡</a> </div>
                 <span class=clear></span></li>
                
               <li><b>手机饰品</b>
                 <div><a title=手机保护膜
     href="#/wcs/stores/servlet/trd_10052_10051_1_20042_.html"
     target=_blank>手机保护膜</a> <a title=手机挂件
     href="#/wcs/stores/servlet/trd_10052_10051_1_20043_.html"
     target=_blank>手机挂件</a> <a title=手机套
     href="#/wcs/stores/servlet/trd_10052_10051_1_20044_.html"
     target=_blank>手机套</a> <a title=手机后壳
     href="#/wcs/stores/servlet/trd_10052_10051_1_20050_.html"
     target=_blank>手机后壳</a> <a title=手写笔
     href="#/wcs/stores/servlet/trd_10052_10051_1_83012_.html"
     target=_blank>手写笔</a> </div>
                 <span class=clear></span></li>
                
               <li><b>车载配件</b>
                 <div><a title=车载支架
     href="#/wcs/stores/servlet/trd_10052_10051_1_20037_.html"
     target=_blank>车载支架</a> <a title=车载充电器
     href="#/wcs/stores/servlet/trd_10052_10051_1_20038_.html"
     target=_blank>车载充电器</a> </div>
                 <span class=clear></span></li>
                
               <li><b>苹果专区</b>
                 <div><a title=苹果系列保护膜
     href="#/wcs/stores/servlet/trd_10052_10051_1_186507_.html"
     target=_blank>苹果系列保护膜</a> <a title=苹果系列保护套
     href="#/wcs/stores/servlet/trd_10052_10051_1_213503_.html"
     target=_blank>苹果系列保护套</a> <a title=苹果系列移动电源
     href="#/wcs/stores/servlet/trd_10052_10051_1_186509_.html"
     target=_blank>苹果系列移动电源</a> <a title=苹果系列配件
     href="#/wcs/stores/servlet/trd_10052_10051_1_188502_.html"
     target=_blank>苹果系列配件</a> </div>
                 <span class=clear></span></li>
            </ul>
           
            <ul class=sideright>
              <h3>品牌推荐</h3>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_诺基亚_.html"
    target=_blank>诺基亚</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_三星_.html"
    target=_blank>三星</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_索尼爱立信_.html"
    target=_blank>索尼爱立信</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_摩托罗拉_.html"
    target=_blank>摩托罗拉</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_苹果_.html"
    target=_blank>苹果</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_黑莓_.html"
    target=_blank>黑莓</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_夏普_.html"
    target=_blank>夏普</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_lg_.html"
    target=_blank>lg</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_联想_.html"
    target=_blank>联想</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_飞利浦_.html"
    target=_blank>飞利浦</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_长虹_.html"
    target=_blank>长虹</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20001_1_阿尔卡特_.html"
    target=_blank>阿尔卡特</a></li>
            </ul>
          </dd>
        </dl>
       
        <dl>
          <dt class=icon04><a
  href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20061_20061_.html"
  target=_blank>数码影像</a></dt>
          <dd class=menv04>
            <ul class=sideleft>
              <h3>数码影像</h3>
              <li class=noline><b>摄影摄像</b>
                <div><a title=数码相机
    href="#/wcs/stores/servlet/trd_10052_10051_1_20063_.html"
    target=_blank>数码相机</a> <a title=数码摄像机
    href="#/wcs/stores/servlet/trd_10052_10051_1_196502_.html"
    target=_blank>数码摄像机</a> <a title=单反相机
    href="#/wcs/stores/servlet/trd_10052_10051_1_20064_.html"
    target=_blank>单反相机</a> </div>
                <span class=clear></span></li>
              <li><b>单反配件</b>
                <div><a title=单反镜头
    href="#/wcs/stores/servlet/trd_10052_10051_1_20068_.html"
    target=_blank>单反镜头</a> <a title=闪光灯
    href="#/wcs/stores/servlet/trd_10052_10051_1_20070_.html"
    target=_blank>闪光灯</a> <a title=滤镜
    href="#/wcs/stores/servlet/trd_10052_10051_1_20073_.html"
    target=_blank>滤镜</a> <a title=三脚架/云台
    href="#/wcs/stores/servlet/trd_10052_10051_1_198504_.html"
    target=_blank>三脚架/云台</a> <a title=镜头附件
    href="#/wcs/stores/servlet/trd_10052_10051_1_199003_.html"
    target=_blank>镜头附件</a> <a title=手柄
    href="#/wcs/stores/servlet/trd_10052_10051_1_20075_.html"
    target=_blank>手柄</a> <a title=单反其他配件
    href="#/wcs/stores/servlet/trd_10052_10051_1_31002_.html"
    target=_blank>单反其他配件</a> </div>
                <span class=clear></span></li>
              <li><b>照摄配件</b>
                <div><a title=摄影包
    href="#/wcs/stores/servlet/trd_10052_10051_1_199004_.html"
    target=_blank>摄影包</a> <a title=电池/充电器
    href="#/wcs/stores/servlet/trd_10052_10051_1_199501_.html"
    target=_blank>电池/充电器</a> <a title=存储卡
    href="#/wcs/stores/servlet/trd_10052_10051_1_25507_.html"
    target=_blank>存储卡</a> <a title=录像带
    href="#/wcs/stores/servlet/trd_10052_10051_1_179002_.html"
    target=_blank>录像带</a> <a title=读卡器
    href="#/wcs/stores/servlet/trd_10052_10051_1_177501_.html"
    target=_blank>读卡器</a> <a title=反光板
    href="#/wcs/stores/servlet/trd_10052_10051_1_167503_.html"
    target=_blank>反光板</a> <a title=液晶膜
    href="#/wcs/stores/servlet/trd_10052_10051_1_20086_.html"
    target=_blank>液晶膜</a> <a title=摄影灯
    href="#/wcs/stores/servlet/trd_10052_10051_1_168001_.html"
    target=_blank>摄影灯</a> <a title=配件套装
    href="#/wcs/stores/servlet/trd_10052_10051_1_20088_.html"
    target=_blank>配件套装</a> <a title=清洁工具
    href="#/wcs/stores/servlet/trd_10052_10051_1_167505_.html"
    target=_blank>清洁工具</a> </div>
                <span class=clear></span></li>
            </ul>
            <ul class=sideright>
              <h3>品牌推荐</h3>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20061_1_佳能_.html"
    target=_blank>佳能</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20061_1_索尼_.html"
    target=_blank>索尼</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20061_1_尼康_.html"
    target=_blank>尼康</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20061_1_三星_.html"
    target=_blank>三星</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20061_1_卡西欧_.html"
    target=_blank>卡西欧</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20061_1_奥林巴斯_.html"
    target=_blank>奥林巴斯</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20061_1_富士_.html"
    target=_blank>富士</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt class=icon05><a
  href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20089_20089_.html"
  target=_blank>电子影音、汽车用品</a></dt>
          <dd class=menv05>
            <ul class=sideleft>
              <h3>电子影音、汽车用品</h3>
              <li class=noline><b>播放器</b>
                <div><a title=mp3
    href="#/wcs/stores/servlet/trd_10052_10051_1_20091_.html"
    target=_blank>mp3</a> <a title=mp4
    href="#/wcs/stores/servlet/trd_10052_10051_1_20092_.html"
    target=_blank>mp4</a> <a title=数码相框
    href="#/wcs/stores/servlet/trd_10052_10051_1_25001_.html"
    target=_blank>数码相框</a> <a title=移动电视
    href="#/wcs/stores/servlet/trd_10052_10051_1_20093_.html"
    target=_blank>移动电视</a> <a title=播放器配件
    href="#/wcs/stores/servlet/trd_10052_10051_1_185501_.html"
    target=_blank>播放器配件</a> </div>
                <span class=clear></span></li>
              <li><b>耳机/耳麦</b>
                <div><a title=耳机
    href="#/wcs/stores/servlet/trd_10052_10051_1_20110_.html"
    target=_blank>耳机</a> <a title=耳麦
    href="#/wcs/stores/servlet/trd_10052_10051_1_20111_.html"
    target=_blank>耳麦</a> </div>
                <span class=clear></span></li>
            </ul>
            <ul class=sideright>
              <h3>品牌推荐</h3>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20089_1_ipod_.html"
    target=_blank>ipod</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20089_1_纽曼_.html"
    target=_blank>纽曼</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20089_1_爱国者_.html"
    target=_blank>爱国者</a></li>
              <li><a
    href="#/wcs/stores/servlet/pbfl_-7_10052_10051_20089_1_森海塞尔_.html"
    target=_blank>森海塞尔</a></li>
            </ul>
          </dd>
        </dl>
        <dl>
          <dt class=icon06><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20524_20524_.html" target=_blank>笔记本、台式机</a></dt>
          <dd class=menv06>
           
          </dd>
        </dl>
        <dl>
          <dt class=icon07><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_157122_157122_.html" target=_blank>办公设备、电脑配件</a></dt>
          <dd class=menv07>
           
          </dd>
        </dl>
        <dl>
          <dt class=icon08><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20209_20209_.html" target=_blank>电视、音响、乐器</a></dt>
          <dd class=menv08>
           
          </dd>
        </dl>
        <dl>
          <dt class=icon09><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20268_20268_.html" target=_blank>空调、冰箱、洗衣机</a></dt>
          <dd class=menv09>
           
          </dd>
        </dl>
        <dl>
          <dt class=icon10><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20319_20319_.html" target=_blank>厨房、卫浴</a></dt>
          <dd class=menv10>

          </dd>
        </dl>
        <dl>
          <dt class=icon11><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_20358_20358_.html" target=_blank>小电器、个人护理</a></dt>
          <dd class=menv11>
           
          </dd>
        </dl>
        <dl>
          <dt class=icon12><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_88507_88507_.html" target=_blank>服装鞋帽、家居箱包</a></dt>
          <dd class=menv12>
           
          </dd>
        </dl>
        <dl>
          <dt class=icon13><a href="#/wcs/stores/servlet/cd_10052_10051_-7_y_26001_26001_.html" target=_blank>化妆、母婴、运动</a></dt>
          <dd class=menv12>
         
          </dd>
        </dl>
        <h4><a
href="#/wcs/stores/servlet/snproductcatgroupview?storeid=10052&amp;catalogid=10051&amp;flag=1"
target=_blank>查看所有商品分类&gt;&gt;</a></h4>
      </div>
    </div>
</div>
</body>
</html>

 

           

                            

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值