jquery輪播圖是前端網(wǎng)頁常用的一個效果之一,如何調(diào)整輪播圖的速度會影響到用戶的瀏覽體驗,下面介紹如何使用jquery調(diào)整輪播圖的速度。
$(document).ready(function(){ //默認輪播圖創(chuàng)建 $("#slideArea").slides({ effect: 'fade', //輪播圖效果 play: 5000, //每張圖片輪播的時間間隔,單位毫秒,默認5000 pause: 2500, //輪播暫停時間,單位毫秒,默認2500 pagination: false, //是否顯示分頁器 generateNextPrev: true //是否顯示前后按鈕 }); });
以上是使用jquery創(chuàng)建輪播圖的代碼,其中play屬性用于調(diào)整每張圖片輪播的時間間隔,單位為毫秒,默認為5000毫秒即5秒,我們可以根據(jù)需要進行調(diào)整。而pause屬性則是輪播暫停的時間間隔,即每個圖片輪播完畢后暫停的時間,同樣也可以進行調(diào)整。
下面是一個給play屬性傳遞參數(shù)的例子:
$(document).ready(function(){ //修改輪播速度為3秒 $("#slideArea").slides({ effect: 'fade', play: 3000, //每張圖片輪播的時間間隔,單位毫秒 pause: 2500, pagination: false, generateNextPrev: true }); });
以上代碼將輪播速度修改為了3秒,用戶可以根據(jù)自己的需求進行調(diào)整。也可以根據(jù)自己的喜好將pause屬性設(shè)置的與play屬性相等,這樣輪播圖的速度會更加穩(wěn)定流暢。
上一篇css怎么寫邊距
下一篇css怎么去除圖片陰影