首页>>Jquery图片>>左右滚动代码,手动滚动,可以设置每次滚动个数,适应性强(2013-09-01)

左右滚动代码,手动滚动,可以设置每次滚动个数,适应性强

 左右滚动代码,手动滚动,可以设置每次滚动个数,适应性强，注意本例可以一直滚动，就是说可以循环显示之前的图片。

左右滚动代码,手动滚动,可以设置每次滚动个数,适应性强
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 这个代码比较长，这边就不放了，可以直接到演示地址看，

XML/HTML Code复制内容到剪贴板
  1. <div id="main_demo">  
  2.      
  3.     <div class="infiniteCarousel">  
  4.       <div class="wrapper">  
  5.         <ul>  
  6.             
  7.           <li><a href=""><img original="3.jpg" height="75" width="75" /></a></li>  
  8.           <li><a href=""><img original="1.jpg" height="75" width="75" /></a></li>  
  9.           <li><a href=""><img original="3.jpg" height="75" width="75" /></a></li>  
  10.           <li><a href=""><img original="2.jpg" height="75" width="75"/></a></li>  
  11.           <li><a href=""><img original="2.jpg" height="75" width="75" /></a></li>  
  12.           <li><a href=""><img original="1.jpg" height="75" width="75" /></a></li>  
  13.           <li><a href=""><img original="2.jpg" height="75" width="75" /></a></li>  
  14.           <li><a href=""><img original="1.jpg" height="75" width="75" /></a></li>  
  15.           <li><a href=""><img original="3.jpg" height="75" width="75" /></a></li>  
  16.           <li><a href=""><img original="1.jpg" height="75" width="75" /></a></li>  
  17.           <li><a href=""><img original="3.jpg" height="75" width="75" /></a></li>  
  18.           <li><a href=""><img original="2.jpg" height="75" width="75"/></a></li>  
  19.           <li><a href=""><img original="2.jpg" height="75" width="75" /></a></li>  
  20.           <li><a href=""><img original="1.jpg" height="75" width="75" /></a></li>  
  21.           <li><a href=""><img original="2.jpg" height="75" width="75" /></a></li>  
  22.           <li><a href=""><img original="1.jpg" height="75" width="75" /></a></li>  
  23.         </ul>          
  24.       </div>  
  25.     </div>  

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