🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

slide.js is a jQuery powered carousel / slideshow plugin which enables you to slide or fade through a list of images with arrows and bullets navigation.

Carousel

Documentation

slide

响应式轮播插件

#使用方法: 在页面中写入

<div class="slide">         <ul class="slide-container">             <li>                 <a href=""><img src="img/1.png" alt=""></a>           </li>             <li>                 <a href=""><img src="img/2.png" alt=""></a>           </li>             <li>                 <a href=""><img src="img/3.png" alt=""></a>           </li>            <li>               <a href=""><img src="img/4.png" alt=""></a>           </li>       </ul>   </div> 

并在js中启动

    /** 	 * 设置 	 * start: true or false 默认开始 	 * speed:2000 轮播速度 默认2000 单位:ms 	 * animate: "horizontal"||"opacity" horizontal为横向轮播 opacity为渐变消失 	 */ $('.slide').slide({       start:true,       speed:2000,       animate: 'horizontal' });   

Demo: http://dwz.cn/LNwtz 所使用的轮播


You May Also Like