首页>>焦点图>>响应式焦点图片切换代码(2017-07-24)

响应式焦点图片切换代码

响应式焦点图片切换代码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="js-silder">  
  2.        <div class="silder-scroll">  
  3.             <div class="silder-main">  
  4.                 <div class="silder-main-img">  
  5.                     <img src="1-1.jpg" alt="">  
  6.                 </div>  
  7.                 <div class="silder-main-img">  
  8.                     <img src="2-1.jpg" alt="">  
  9.                 </div>  
  10.                 <div class="silder-main-img">  
  11.                     <img src="3-1.png" alt="">  
  12.                 </div>  
  13.             </div>  
  14.         </div>  
  15.     </div>  

 

JavaScript Code
  1. <script>  
  2.         $(function (){  
  3.             $(".js-silder").silder({  
  4.                 auto: true,//自动播放，传入任何可以转化为true的值都会自动轮播  
  5.                 speed: 20,//轮播图运动速度  
  6.                 sideCtrl: true,//是否需要侧边控制按钮  
  7.                 bottomCtrl: true,//是否需要底部控制按钮  
  8.                 defaultView: 0,//默认显示的索引  
  9.                 interval: 3000,//自动轮播的时间，以毫秒为单位，默认3000毫秒  
  10.                 activeClass: "active",//小的控制按钮激活的样式，不包括作用两边，默认active  
  11.             });  
  12.         });  
  13.     </script>  

 


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