简单的slider滑动

简单的slider滑动

 

演示

 

 

XML/HTML Code

1. <div class="slider-wrap">  
2. <div class="slider">  
3. <ul>  
4. <li> <span class="black"></span> </li>  
5. <li> <span class="red"></span> </li>  
6. <li> <span class="yellow"></span> </li>  
7. <li> <span class="blue"></span> </li>  
8. <li> <span class="green"></span> </li>  
9. </ul>  
10. </div>  
11. <a href="#" class="slider-arrow sa-left"><</a> <a href="#" class="slider-arrow sa-right">></a> </div>  
12. </div>  
13.   
14. <script>  
15. jQuery('.slider').lbSlider({  
16.     leftBtn: '.sa-left',  
17.     rightBtn: '.sa-right',  
18.     visible: 3,  
19.     autoPlay: true,  
20.     autoPlayDelay: 5  
21. });  
22. </script>  

 

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