首页>>Jquery图片>>jQuery仿京东商品图片手风琴收缩展开效果(2019-03-17)

jQuery仿京东商品图片手风琴收缩展开效果

jQuery仿京东商品图片手风琴收缩展开效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="box">  
  2.             <ul>  
  3.                 <li class="on">  
  4.                     <a href="#">  
  5.                         <h3>游戏手机</h3>  
  6.                         <p>王者荣耀版领卷减300</p>  
  7.                         <img src="images/1.png" alt="img">  
  8.                     </a>  
  9.                 </li>  
  10.                 <li>  
  11.                     <a href="#">  
  12.                         <h3>游戏手机</h3>  
  13.                         <p>王者荣耀版领卷减300</p>  
  14.                         <img src="images/2.png" alt="img">  
  15.                     </a>  
  16.                 </li>  
  17.                 <li>  
  18.                     <a href="#">  
  19.                         <h3>游戏手机</h3>  
  20.                         <p>王者荣耀版领卷减300</p>  
  21.                         <img src="images/1.png" alt="img">  
  22.                     </a>  
  23.                 </li>  
  24.                 <li>  
  25.                     <a href="#">  
  26.                         <h3>游戏手机</h3>  
  27.                         <p>王者荣耀版领卷减300</p>  
  28.                         <img src="images/2.png" alt="img">  
  29.                     </a>  
  30.                 </li>  
  31.                 <li>  
  32.                     <a href="#">  
  33.                         <h3>游戏手机</h3>  
  34.                         <p>王者荣耀版领卷减300</p>  
  35.                         <img src="images/1.png" alt="img">  
  36.                     </a>  
  37.                 </li>  
  38.                 <div style="clear: both"></div>  
  39.             </ul>  
  40.         </div>  

 


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