首页>>焦点图>>jQuery实现旋转轮播图,带切换,本例建议纯学习(2018-10-10)

jQuery实现旋转轮播图,带切换,本例建议纯学习

注意图片数量为奇数并且不能小于3张图片

 

jQuery实现旋转轮播图,带切换,本例建议纯学习
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="caroursel poster-main" data-setting="{  
  2.             "width":1000,  
  3.             "height":470,  
  4.             "posterWidth":640,  
  5.             "posterHeight":470,  
  6.             "scale":0.8,  
  7.             "dealy":"3000",  
  8.             "algin":"middle"  
  9.         }">  
  10. <ul class="poster-list">  
  11. <li class="poster-item"><img src="a1.png" width="100%" height="100%"></li>  
  12. <li class="poster-item"><img src="a2.png" width="100%" height="100%"></li>  
  13. <li class="poster-item"><img src="a3.png" width="100%" height="100%"></li>  
  14. <li class="poster-item"><img src="a4.png" width="100%" height="100%"></li>  
  15. <li class="poster-item"><img src="a1.png" width="100%" height="100%"></li>  
  16.   
  17. </ul>  
  18. <ul class="btn-box">  
  19. <li class="index-btn"></li>  
  20. <li class="index-btn"></li>  
  21. <li class="index-btn"></li>  
  22. <li class="index-btn"></li>  
  23. <li class="index-btn"></li>  
  24.   
  25. </ul>  
  26. <div class="poster-btn poster-prev-btn"></div>  
  27. <div class="poster-btn poster-next-btn"></div>  
  28. </div>  

 


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