首页>>Jquery图片>>JS仿京东详情页放大镜 多图片展示(2021-06-21)

JS仿京东详情页放大镜 多图片展示

JS仿京东详情页放大镜 多图片展示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="product-intro">  
  2. <div class="center">  
  3.   
  4.     <div class="product-left">  
  5.      <div class="box" id="box">  
  6.          <div class="smallbox">  
  7.              <img src="img/1.jpg">  
  8.              <span class="i_box"></span>  
  9.              <div class="search"></div>  
  10.          </div>  
  11.          <div class="bigbox">  
  12.              <img src="img/big1.jpg" style="position: absolute;left: 0;top:0;">  
  13.          </div>  
  14.      </div>  
  15.   
  16.         <div class="listimg">  
  17.         <a href="javascript:;" >  
  18.         <i class="sprite-arrow-prev" id="spec-forward"></i>  
  19.         </a>  
  20.         <a href="javascript:;" >  
  21.         <i class="sprite-arrow-next" id="spec-backward"></i>  
  22.         </a>  
  23.   
  24.            <div class="list_center" id="list_center">  
  25.             <ul style="position: absolute;top: 0;left: 0;">  
  26.                 <li><img src="img/1.jpg"/></li>  
  27.                 <li><img src="img/2.jpg"/></li>  
  28.                 <li><img src="img/3.jpg"/></li>  
  29.                 <li><img src="img/4.jpg"/></li>  
  30.                 <li><img src="img/5.jpg"/></li>  
  31.                 <li><img src="img/6.jpg"/></li>  
  32.             </ul>  
  33.            </div>  
  34.         </div>  
  35.   
  36.     </div>  
  37.   
  38.   
  39.   
  40. </div>  
  41. </div>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_910.html