jQuery Cycle2是一個基于jQuery的jQuery插件,它能夠為網站添加輪播圖效果,讓網站更加生動活潑。這個插件提供了很多API可以讓我們自定義輪播圖的展示效果。下面是一些常用的API:
//配置輪播圖: $('#slideshow').cycle({ fx: 'fade' }); //設置輪播圖的延遲時間: $('#slideshow').cycle({ timeout: 2000 }); //設置輪播圖的速度: $('#slideshow').cycle({ speed: 1000 }); //設置輪播圖的自動播放: $('#slideshow').cycle({ autoplay: true }); //設置輪播圖的循環播放: $('#slideshow').cycle({ loop: true }); //設置輪播圖的暫停和恢復: $('#slideshow').cycle('pause'); // 暫停 $('#slideshow').cycle('resume'); // 恢復 //設置點擊輪播圖時的跳轉鏈接: $('#slideshow').cycle({ slideExpr: 'a', pager: '#nav', pagerAnchorBuilder: function(idx, slide) { // return an anchor return '●'; } }); //移動到下一張輪播圖: $('#slideshow').cycle('next'); //移動到上一張輪播圖: $('#slideshow').cycle('prev');
以上就是jQuery Cycle2插件提供的一些常用的API,通過這些API,我們可以輕松地定制自己網站中的輪播圖。