首页>>Jquery文字>>jQuery和CSS点击添加到购物车特效(2017-03-17)

jQuery和CSS点击添加到购物车特效

 js文件请到演示页面查看

jQuery和CSS点击添加到购物车特效
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="cd-cart-container empty">  
  2.     <a href="#0" class="cd-cart-trigger">  
  3.         Cart  
  4.         <ul class="count"> <!-- cart items count -->  
  5.             <li>0</li>  
  6.             <li>0</li>  
  7.         </ul> <!-- .count -->  
  8.     </a>  
  9.   
  10.     <div class="cd-cart">  
  11.         <div class="wrapper">  
  12.             <header>  
  13.                 <h2>Cart</h2>  
  14.                 <span class="undo">Item removed. <a href="#0">Undo</a></span>  
  15.             </header>  
  16.               
  17.             <div class="body">  
  18.                 <ul>  
  19.                     <!-- products added to the cart will be inserted here using JavaScript -->  
  20.                 </ul>  
  21.             </div>  
  22.   
  23.             <footer>  
  24.                 <a href="#0" class="checkout btn"><em>Checkout - $<span>0</span></em></a>  
  25.             </footer>  
  26.         </div>  
  27.     </div> <!-- .cd-cart -->  
  28. </div> <!-- cd-cart-container -->  
XML/HTML Code
  1. <a href="#0" class="cd-add-to-cart" data-price="25.99">添加到购物车</a>  

 


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