VANCL凡客商品推荐滑动收缩jquery代码

VANCL凡客商品推荐滑动收缩jquery代码
 点击预览  点击下载

来自凡客诚品网的商品推荐代码,基于jquery框架,图片可滑动收缩,减少了网页的空间占用,适合在购物网站上做商品推荐功能。

使用方法:

1.在head区加入以下代码:

  1. <LINK href="css/kpple.css" type=text/css rel=stylesheet> 
  2. <SCRIPT src="js/jquery-1.2.3.pack.js" type=text/javascript></SCRIPT> 
  3. <SCRIPT src="js/jquery-extend-AdAdvance.js" type=text/javascript></SCRIPT> 

2.在<body>区加入以下代码:

  1. <DIV class=product-area> 
  2.   <DIV class="dropList" id=lrtk> 
  3.   <DL> 
  4.   <DT> 
  5.   <P>男士短袖休闲衬衫 单件99元起</P></DT> 
  6.   <DD><A class=track href="http://www.5icool.org/"  
  7.   target=_blank ><IMG src="images/01.jpg"></A>  
  8.   </DD> 
  9.   <DT> 
  10. <P>女款衬衫 特惠价88元起</P></DT> 
  11.   <DD style="DISPLAY: none"><A class=track  
  12.   href="http://www.5icool.org/" target=_blank  > 
  13.   <IMG src="images/02.jpg"></A>  
  14.   </DD> 
  15.   <DT> 
  16.   <P>针织衫+牛津纺衬衫两件168元</P></DT> 
  17.   <DD style="DISPLAY: none"><A class=track  
  18.   href="http://www.5icool.org/" target=_blank ><IMG src="images/03.jpg"></A>  
  19.   </DD> 
  20.   <DT> 
  21.   <P>时尚透明鞋盒2个装 单件仅售48元</P></DT> 
  22.   <DD style="DISPLAY: none"><A class=track  
  23.   href="http://www.5icool.com/" target=_blank ><IMG src="images/04.jpg"></A>  
  24.   </DD> 
  25.   <DT> 
  26.   <P>时尚修身吊带衫 单件仅售48元</P></DT> 
  27.   <DD style="DISPLAY: none"><A class=track  
  28.   href="http://www.5icool.org/" target=_blank ><IMG src="images/05.jpg"></A>  
  29.   </DD> 
  30.   <DT> 
  31.   <P>纤腿新丝袜打底裤 两双仅售25元</P></DT> 
  32.   <DD style="DISPLAY: none"><A class=track  
  33.   href="http://www.5icool.org/" target=_blank ><IMG src="images/06.jpg"></A>  
  34.   </DD></DL> 
  35.   </DIV> 
  36.   </DIV> 
  37. <SCRIPT type=text/javascript>$('#lrtk').AdAdvance();</SCRIPT> 

 

转载请注明:代码家园 » VANCL凡客商品推荐滑动收缩jquery代码

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)