首页>>Jquery图片>>jQuery cxScroll 图片滑动插件演示 包括上下与左右滚动(2015-07-14)

jQuery cxScroll 图片滑动插件演示 包括上下与左右滚动

jQuery cxScroll 图片滑动插件演示 包括上下与左右滚动
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div id="pic_list_1" class="scroll_horizontal">  
  2.                     <div class="box">  
  3.                         <ul class="list">  
  4.                             <li><a href="#"><img src="https://unsplash.it/180/120?image=100"></a></li>  
  5.                             <li><a href="#"><img src="https://unsplash.it/180/120?image=200"></a></li>  
  6.                             <li><a href="#"><img src="https://unsplash.it/180/120?image=300"></a></li>  
  7.                             <li><a href="#"><img src="https://unsplash.it/180/120?image=400"></a></li>  
  8.                             <li><a href="#"><img src="https://unsplash.it/180/120?image=500"></a></li>  
  9.                         </ul>  
  10.                     </div>  
  11.                 </div>  
JavaScript Code
  1. <script>  
  2. $("#pic_list_1").cxScroll();  
  3. $('#pic_list_2').cxScroll({  
  4.     direction: 'left',  
  5.     step: 3  
  6. });  
  7. $('#pic_list_3').cxScroll({  
  8.     direction: 'bottom',  
  9.     speed: 500,  
  10.     time: 1500,  
  11.     plus: false,  
  12.     minus: false  
  13. });  
  14. $('#pic_list_4').cxScroll({  
  15.     direction: 'top'  
  16. });  
  17. </script>  

 


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