jquery.cycle.js是一個非常好用的jQuery圖片滾動插件,可以實現輪播圖功能,下載了之后就可以輕松地在自己的項目中使用。
<script type="text/javascript" src="jquery.cycle.js"></script>
使用jquery.cycle.js非常簡單,只需要引入這個插件,然后在你的代碼中寫下如下的JavaScript代碼即可:
$("#slider").cycle({ fx: "fade", speed: 1000, timeout: 3000, pager: "#pager", pagerEvent: "mouseover", pauseOnPagerHover: true, pause: 1 });
以上的代碼中,#slider是你要輪播的圖片容器,#pager是你要顯示分頁器的容器,fx表示輪播特效,timeout表示輪播時間間隔,其他的選項可以自己根據需要進行設置。
想要使用jquery.cycle.js,可以前往官方網站進行下載:http://jquery.malsup.com/cycle/download.html