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>
    <meta http-equiv="content-type" content="text/html; charset=gb2312" />
    <title>js仿淘宝产品分类弹出层效果</title>
    <link href="style/index.css教程" type="text/css" rel="stylesheet">
 <script language="网页特效" type="text/javascript">
<!--

 /* 显示/隐藏特色部分 */
 function showmt(sta){
  if (sta==1){document.getelementbyid("showmt").style.display="block";}
  else{document.getelementbyid("showmt").style.display="none";}
 }

    //取对应id的元素
    function getdivid(obj){
     return document.getelementbyid(obj);
 }
 

//-->
</script>
<script type="text/javascript" language="javascript">
<!--

 //产品分类显示与隐藏
 function showtype(obj){
  //alert(obj.id);
  var obj2 = getdivid(obj.id.replace("type","type0"));
  if(obj.classname.indexof("_curr") > 0){
   obj.classname = obj.classname.replace("_curr","");
   obj2.classname = obj2.classname.replace("_curr","");
  }
  else{
   obj.classname += "_curr";
   obj2.classname += "_curr";
  }
 }

 
 

//-->
</script>
</head>
<body>
    <div id="container">
  <div class="main">

   <div class="area03">
    <div class="top">
     网聚重构设计
    </div>
    <div class="mid">
     <div class="box01">
      <div class="b2c">
       <div class="b2c_left pro_sl">
         <h4>产品分类</h4>
         <div id="type1" class="type_list" onmouseo教程ver="javascript:showtype(this);" onmouseout="javascript:showtype(this);">
          <strong><a href="http://down.111cn.net" target="_blank">网聚重构设计</a></strong>
          <dl>
           <dt><a href="http://down.111cn.net" id="li_0" target="_blank">网聚重构设计</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l111_1.html" target="_blank">普通照明白炽灯</a>
            <a href="http://www.alighting.cn/products/l112_1.html" target="_blank">卤钨灯炮</a>
            <a href="http://www.alighting.cn/products/l113_1.html" target="_blank">球泡</a>
            <a href="http://www.alighting.cn/products/l114_1.html" target="_blank">彩色灯泡</a>
            <a href="http://www.alighting.cn/products/l115_1.html" target="_blank">微型灯炮</a>
           </dd>
          </dl>
          <dl>
           <dt><a href="http://down.111cn.net" id="li_1" target="_blank">简美网络</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l116_1.html" target="_blank">u型荧光灯管</a>
            <a href="http://www.alighting.cn/products/l117_1.html" target="_blank">直型荧光灯管</a>
            <a href="http://www.alighting.cn/products/l118_1.html" target="_blank">环型荧光灯管</a>
            <a href="http://www.alighting.cn/products/l119_1.html" target="_blank">螺旋型荧光灯管</a>
            <a href="http://www.alighting.cn/products/l120_1.html" target="_blank">其他型荧光灯管</a>
            <a href="http://www.alighting.cn/products/l121_1.html" target="_blank">冷阴极荧光灯</a>
            <a href="http://www.alighting.cn/products/l122_1.html" target="_blank">低压钠灯(lps教程)</a>
            <a href="http://www.alighting.cn/products/l123_1.html" target="_blank">低气压放电灯</a>
           </dd>
          </dl>
          <dl>
           <dt><a href="http://www.gzyxprint.com" id="li_2" target="_blank">广州新怡</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l124_1.html" target="_blank">高压汞灯(hpm)</a>
            <a href="http://www.alighting.cn/products/l125_1.html" target="_blank">高压钠灯(hps)</a>
            <a href="http://www.alighting.cn/products/l126_1.html" target="_blank">金属卤化物灯(mhi)</a>
            <a href="http://www.alighting.cn/products/l127_1.html" target="_blank">氖灯(neon)</a>
            <a href="http://www.alighting.cn/products/l291_1.html" target="_blank">氙气灯</a>
           </dd>
          </dl>
          <dl>
           <dt><a href="http://www.alighting.cn/products/l110_1.html" id="li_3" target="_blank">其他光源:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l129_1.html" target="_blank">无极灯</a>
            <a href="http://www.alighting.cn/products/l130_1.html" target="_blank">霓虹灯</a>
            <a href="http://www.alighting.cn/products/l131_1.html" target="_blank">其他光源</a>
            <a href="http://www.alighting.cn/products/l128_1.html" target="_blank">led封装</a>
            <a href="http://www.alighting.cn/products/l307_1.html" target="_blank">oled</a>
           </dd>
          </dl>
          <dl>
           <dt><a href="http://www.alighting.cn/products/l287_1.html" id="li_4" target="_blank">led光源:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l308_1.html" target="_blank">led球泡</a>
            <a href="http://www.alighting.cn/products/l309_1.html" target="_blank">led日光灯</a>
           </dd>
          </dl>
         </div>
         <div id="type01" class="type_tmp"></div>
         
         <div id="type2" class="type_list" onmouseover="javascript:showtype(this);" onmouseout="javascript:showtype(this);">
          <strong><a href="http://www.jmeii.com" target="_blank">简美网络</a></strong>
          <dl>
           <dt><a href="http://www.jmeii.com" id="li_5" target="_blank">简美网络</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l141_1.html" target="_blank">道路灯</a>
            <a href="http://www.alighting.cn/products/l142_1.html" target="_blank">泛光灯</a>
            <a href="http://www.alighting.cn/products/l143_1.html" target="_blank">投射灯</a>
            <a href="http://www.alighting.cn/products/l144_1.html" target="_blank">工厂灯</a>
            <a href="http://www.alighting.cn/products/l145_1.html" target="_blank">工矿灯</a>
            <a href="http://www.alighting.cn/products/l146_1.html" target="_blank">地埋灯</a>
            <a href="http://www.alighting.cn/products/l147_1.html" target="_blank">庭院灯</a>
            <a href="http://www.alighting.cn/products/l148_1.html" target="_blank">草坪灯</a>
            <a href="http://www.alighting.cn/products/l149_1.html" target="_blank">景观灯</a>
            <a href="http://www.alighting.cn/products/l151_1.html" target="_blank">探照灯</a>
            <a href="http://www.alighting.cn/products/l152_1.html" target="_blank">隧道灯</a>
            <a href="http://www.alighting.cn/products/l153_1.html" target="_blank">码头桥梁灯</a>
            <a href="http://www.alighting.cn/products/l154_1.html" target="_blank">广场灯</a>
            <a href="http://www.alighting.cn/products/l155_1.html" target="_blank">其他户外灯具</a>
            <a href="http://www.alighting.cn/products/l156_1.html" target="_blank">高杆灯</a>
            <a href="http://www.alighting.cn/products/l157_1.html" target="_blank">太阳能灯</a>
            <a href="http://www.alighting.cn/products/l296_1.html" target="_blank">点光源</a>
            <a href="http://www.alighting.cn/products/l297_1.html" target="_blank">轮廓灯</a>
            <a href="http://www.alighting.cn/products/l298_1.html" target="_blank">洗墙灯</a>
            <a href="http://www.alighting.cn/products/l311_1.html" target="_blank">户外壁灯</a>
           </dd>
          </dl>
          <dl>
           <dt><a href="http://www.alighting.cn/products/l134_1.html" id="li_6" target="_blank">室内照明灯具:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l158_1.html" target="_blank">吊灯</a>
            <a href="http://www.alighting.cn/products/l159_1.html" target="_blank">壁灯</a>
            <a href="http://www.alighting.cn/products/l160_1.html" target="_blank">台灯</a>
            <a href="http://www.alighting.cn/products/l161_1.html" target="_blank">落地灯</a>
            <a href="http://www.alighting.cn/products/l162_1.html" target="_blank">吸顶灯</a>
            <a href="http://www.alighting.cn/products/l163_1.html" target="_blank">格栅灯</a>
            <a href="http://www.alighting.cn/products/l164_1.html" target="_blank">筒灯</a>
            <a href="http://www.alighting.cn/products/l165_1.html" target="_blank">小夜灯</a>
            <a href="http://www.alighting.cn/products/l166_1.html" target="_blank">工艺灯</a>
            <a href="http://www.alighting.cn/products/l167_1.html" target="_blank">其他室内灯具</a>
            <a href="http://www.alighting.cn/products/l289_1.html" target="_blank">天花灯</a>
            <a href="http://www.alighting.cn/products/l299_1.html" target="_blank">橱卫灯</a>
            <a href="http://www.alighting.cn/products/l300_1.html" target="_blank">镜前灯</a>
            <a href="http://www.alighting.cn/products/l301_1.html" target="_blank">客房灯</a>
            <a href="http://www.alighting.cn/products/l302_1.html" target="_blank">浴霸</a>
            <a href="http://www.alighting.cn/products/l303_1.html" target="_blank">射灯</a>
            <a href="http://www.alighting.cn/products/l304_1.html" target="_blank">面板灯</a>
            <a href="http://www.alighting.cn/products/l305_1.html" target="_blank">三防灯</a>
           </dd>
          </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l135_1.html" id="li_7" target="_blank">其他专用灯具:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l168_1.html" target="_blank">工艺装饰灯</a>
            <a href="http://www.alighting.cn/products/l169_1.html" target="_blank">机床灯具</a>
            <a href="http://www.alighting.cn/products/l170_1.html" target="_blank">红外线灯</a>
            <a href="http://www.alighting.cn/products/l171_1.html" target="_blank">医疗灯具</a>
            <a href="http://www.alighting.cn/products/l172_1.html" target="_blank">摄影灯具</a>
            <a href="http://www.alighting.cn/products/l173_1.html" target="_blank">运动场馆灯具</a>
            <a href="http://www.alighting.cn/products/l174_1.html" target="_blank">广告灯具</a>
            <a href="http://www.alighting.cn/products/l175_1.html" target="_blank">水下灯具</a>
            <a href="http://www.alighting.cn/products/l176_1.html" target="_blank">防爆灯具</a>
            <a href="http://www.alighting.cn/products/l177_1.html" target="_blank">射灯、杯灯</a>
            <a href="http://www.alighting.cn/products/l178_1.html" target="_blank">紫外线灯</a>
            <a href="http://www.alighting.cn/products/l179_1.html" target="_blank">灭蚊灯</a>
            <a href="http://www.alighting.cn/products/l180_1.html" target="_blank">护眼灯</a>
            <a href="http://www.alighting.cn/products/l181_1.html" target="_blank">其他未分类</a>
            <a href="http://www.alighting.cn/products/l182_1.html" target="_blank">光纤灯具</a>
            <a href="http://www.alighting.cn/products/l183_1.html" target="_blank">led灯具</a>
            <a href="http://www.alighting.cn/products/l184_1.html" target="_blank">led幕墙/显示屏</a>
           </dd>
          </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l136_1.html" id="li_8" target="_blank">舞台灯:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l185_1.html" target="_blank">舞台灯</a>
            <a href="http://www.alighting.cn/products/l186_1.html" target="_blank">电脑灯</a>
            <a href="http://www.alighting.cn/products/l187_1.html" target="_blank">追光灯</a>
            <a href="http://www.alighting.cn/products/l188_1.html" target="_blank">扫描灯</a>
            <a href="http://www.alighting.cn/products/l189_1.html" target="_blank">摇头灯</a>
            <a href="http://www.alighting.cn/products/l190_1.html" target="_blank">柔光灯</a>
            <a href="http://www.alighting.cn/products/l191_1.html" target="_blank">回光灯</a>
            <a href="http://www.alighting.cn/products/l192_1.html" target="_blank">聚光灯</a>
            <a href="http://www.alighting.cn/products/l193_1.html" target="_blank">激光灯</a>
            <a href="http://www.alighting.cn/products/l194_1.html" target="_blank">其他舞台灯</a>
           </dd>
          </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l137_1.html" id="li_9" target="_blank">车灯:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l195_1.html" target="_blank">大灯</a>
            <a href="http://www.alighting.cn/products/l196_1.html" target="_blank">前照灯</a>
            <a href="http://www.alighting.cn/products/l197_1.html" target="_blank">转向灯</a>
            <a href="http://www.alighting.cn/products/l198_1.html" target="_blank">角灯</a>
            <a href="http://www.alighting.cn/products/l199_1.html" target="_blank">尾灯</a>
            <a href="http://www.alighting.cn/products/l200_1.html" target="_blank">雾灯</a>
            <a href="http://www.alighting.cn/products/l201_1.html" target="_blank">仪表灯</a>
            <a href="http://www.alighting.cn/products/l202_1.html" target="_blank">刹车灯</a>
            <a href="http://www.alighting.cn/products/l203_1.html" target="_blank">工作灯、检修灯</a>
            <a href="http://www.alighting.cn/products/l204_1.html" target="_blank">其他车灯</a>
           </dd>
           </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l138_1.html" id="li_10" target="_blank">应急、指示灯:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l205_1.html" target="_blank">应急灯</a>
            <a href="http://www.alighting.cn/products/l206_1.html" target="_blank">设备指示灯</a>
            <a href="http://www.alighting.cn/products/l207_1.html" target="_blank">交通警示灯</a>
            <a href="http://www.alighting.cn/products/l208_1.html" target="_blank">航空障碍灯</a>
            <a href="http://www.alighting.cn/products/l209_1.html" target="_blank">信号灯</a>
            <a href="http://www.alighting.cn/products/l210_1.html" target="_blank">其他指示灯</a>
           </dd>
           </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l139_1.html" id="li_11" target="_blank">彩灯:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l211_1.html" target="_blank">烟花灯</a>
            <a href="http://www.alighting.cn/products/l212_1.html" target="_blank">圣诞灯</a>
            <a href="http://www.alighting.cn/products/l213_1.html" target="_blank">装饰彩灯</a>
            <a href="http://www.alighting.cn/products/l214_1.html" target="_blank">花灯</a>
            <a href="http://www.alighting.cn/products/l215_1.html" target="_blank">灯笼</a>
            <a href="http://www.alighting.cn/products/l216_1.html" target="_blank">其他彩灯</a>
           </dd>
           </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l140_1.html" id="li_12" target="_blank">手电筒:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l217_1.html" target="_blank">普通手电筒</a>
            <a href="http://www.alighting.cn/products/l218_1.html" target="_blank">充电手电筒</a>
            <a href="http://www.alighting.cn/products/l219_1.html" target="_blank">led手电筒</a>
            <a href="http://www.alighting.cn/products/l220_1.html" target="_blank">太阳能手电筒</a>
            <a href="http://www.alighting.cn/products/l221_1.html" target="_blank">头灯</a>
            <a href="http://www.alighting.cn/products/l222_1.html" target="_blank">无电源手电筒</a>
            <a href="http://www.alighting.cn/products/l223_1.html" target="_blank">提灯、探照灯</a>
            <a href="http://www.alighting.cn/products/l224_1.html" target="_blank">其他手电筒</a>
           </dd>
           </dl>
         </div>
         <div id="type02" class="type_tmp"></div>
        
         <div id="type3" class="type_list" onmouseover="javascript:showtype(this);" onmouseout="javascript:showtype(this);">
          <strong><a href="http://www.petsbaby.com" target="_blank">华南宠物网</a></strong>
          <dl>
           <dt><a href="http://www.alighting.cn/products/l226_1.html" id="li_13" target="_blank">照明控制系统:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l229_1.html" target="_blank">光控</a>
            <a href="http://www.alighting.cn/products/l230_1.html" target="_blank">声控</a>
            <a href="http://www.alighting.cn/products/l231_1.html" target="_blank">红外感应器件</a>
            <a href="http://www.alighting.cn/products/l232_1.html" target="_blank">调光台</a>
            <a href="http://www.alighting.cn/products/l233_1.html" target="_blank">智能化控光设备</a>
            <a href="http://www.alighting.cn/products/l234_1.html" target="_blank">照明节电</a>
            <a href="http://www.alighting.cn/products/l235_1.html" target="_blank">其他控制器件</a>
           </dd>
          </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l227_1.html" id="li_14" target="_blank">附件:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l236_1.html" target="_blank">镇流器</a>
            <a href="http://www.alighting.cn/products/l237_1.html" target="_blank">电子触发器</a>
            <a href="http://www.alighting.cn/products/l238_1.html" target="_blank">电子变压器</a>
            <a href="http://www.alighting.cn/products/l239_1.html" target="_blank">电子稳压器</a>
            <a href="http://www.alighting.cn/products/l240_1.html" target="_blank">启辉器</a>
            <a href="http://www.alighting.cn/products/l241_1.html" target="_blank">灯用电源</a>
            <a href="http://www.alighting.cn/products/l242_1.html" target="_blank">其他附件</a>
            <a href="http://www.alighting.cn/products/l310_1.html" target="_blank">led驱动</a>
           </dd>
           </dl>
           <dl>
           <dt><a href="http://www.alighting.cn/products/l228_1.html" id="li_15" target="_blank">零器件/零部件:</a></dt>
           <dd>
            <a href="http://www.alighting.cn/products/l243_1.html" target="_blank">开关</a>
            <a href="http://www.alighting.cn/products/l244_1.html" target="_blank">电线电缆</a>
            <a href="http://www.alighting.cn/products/l245_1.html" target="_blank">绝缘器件</a>
            <a href="http://www.alighting.cn/products/l246_1.html" target="_blank">灯头灯座</a>
            <a href="http://www.alighting.cn/products/l247_1.html" target="_blank">插头插座</a>
            <a href="http://www.alighting.cn/products/l248_1.html" target="_blank">灯盘支架</a>
            <a href="http://www.alighting.cn/products/l249_1.html" target="_blank">灯罩</a>
            <a href="http://www.alighting.cn/products/l250_1.html" target="_blank">灯柱灯杆</a>
            <a href="http://www.alighting.cn/products/l251_1.html" target="_blank">灯杯</a>
            <a href="http://www.alighting.cn/products/l252_1.html" target="_blank">其他器件</a>
            <a href="http://www.alighting.cn/products/l306_1.html" target="_blank">led透镜</a>
           </dd>
           </dl>
         </div>
         <div id="type03" class="type_tmp"></div>

       </div>
        </div>
     </div>
     <div class="box02">
      <div class="part01">
       <h3>推荐产品</h3>
       <div class="jmpic">
        <ul>                                                                     
         <li><a href="http://down.111cn.net" class="a1"><img src="images/img04.jpg" /></a><a href="http://down.111cn.net" class="a2">网聚重构设计</a></li>
         <li><a href="http://www.jmeii.com" class="a1"><img src="images/img05.jpg" /></a><a href="http://www.jmeii.com" class="a2">简美网络</a></li>
         <li><a href="http://www.asimu.com" class="a1"><img src="images/img04.jpg" /></a><a href="http://www.asimu.com" class="a2">中国私募网</a></li>
         <li><a href="http://www.asimu.com" class="a1"><img src="images/img05.jpg" /></a><a href="http://www.gzxyprint.com" class="a2">广州新怡</a></li>
         <li><a href="http://www.petsbaby.com" class="a1"><img src="images/img04.jpg" /></a><a href="http://www.petsbaby.com" class="a2">华南宠物网</a></li>
         <li><a href="http://www.byqpw.com" class="a1"><img src="images/img05.jpg" /></a><a href="http://www.byqpw.com" class="a2">百业汽配网</a></li>
        
        
        </ul>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
    </div>

</body>
</html>

时间: 2024-11-02 12:53:29

js仿淘宝产品分类弹出层效果的相关文章

JS仿淘宝实现的简单滑动门效果代码_javascript技巧

本文实例讲述了JS仿淘宝实现的简单滑动门效果代码.分享给大家供大家参考.具体如下: 这是一个简单的仿淘宝滑动门效果代码,个人感觉真的挺不错,以前有过一款和这个差不多.在滑动门里你可以再次布局你的网页,可以做成一个功能超强大的导航,原示例是一个拼音索引程序,改成菜单也是可以的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-taobao-simple-hdm-style-demo/ 具体代码如下: <!DOCTYPE html PUBL

JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)_javascript技巧

本文实例讲述了JS实现常见的TAB.弹出层效果.分享给大家供大家参考.具体如下: 这里演示tab活页夹(网页标签),斑马线,遮罩层.弹出层的简单实现,里面的JS文件,可下拉保存为JS代码调用即可,也可以拷贝在本网页中使用.这个小网页囊括了目前网上流行的风页标签.弹出层以及斑马线效果,很实用啦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-tab-alert-bq-style-demo/ 具体代码如下: <!DOCTYPE html PU

js 仿淘宝首页最新图片幻灯切换效果

最新商家 ● ● ●

求 商品规格选择-求JQ或JS仿淘宝商品详情选择规格颜色等功能

问题描述 求JQ或JS仿淘宝商品详情选择规格颜色等功能 选择要求:有几个属性,如 尺寸和颜色,尺寸:M.L.XL.XXL 等,颜色:黑色.白色.黄色.红色等,其每个属性都有关联,如 首选M,颜色除黑色或其他外都能选择:如首选 黄色,尺寸除XXL或其他外都能选择. 自己写的有问题.代码放上一部分.已生成的数组求值. HTML:↓ <div class="sys_item_spec"> <dl class="clearfix iteminfo_parameter

JS仿淘宝详情页菜单条智能定位效果

类似于淘宝详情页菜单条智能定位 对于每个人来说并不陌生!如下截图所示:红色框的那部分!     列表页定位"> 基本原理:        是用JS侦听滚动事件,当页面的滚动距离(页面滚动的高度)大于或者等于 "对象"(要滚动的对象)距离页面顶部的高度,也就是说滚动的对象与窗口的上边缘接触时,立即将对象定位属性position值改成fixed(固定)(除IE6以外,因为IE6不支持fixed).对于IE6用绝对定位position:absolute,top:就是"

JS实现仿中关村论坛评分后弹出提示效果的方法

本文实例讲述了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"

js实现仿Discuz文本框弹出层效果_javascript技巧

本文实例讲述了js实现仿Discuz文本框弹出层效果.分享给大家供大家参考.具体如下: 这是一个在经典论坛曾经热讨论的问题,记得在QQ邮箱里也有类似功能,Discuz7.0论坛里同样也有,当你的鼠标单击文本框的时候,会弹出一个包含文字.图片.表单无素的DIV层,里面的元素都可以进行操作,很方便,选中的值会自动添加到文本框内.本代码经过了多次修正,没有进行过多美化,你美工好的话可以自己美化. 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//D

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

仿淘宝商品详细页加入购物车效果

仿淘宝商品详细页加入购物车效果     goods.dwt页面  <a href="网页特效:addToCart({$goods.goods_id},0,1)"><img src="images/bnt_cat.gif" /></a>和默认的链接有点点区别 大家对比添加      要显示的层添加到这个叶面的底部 <div class="cartSure" id="cartSureBox"