溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

基礎(chǔ)為王，打造一個自動播放的幻燈片

發(fā)布時間：2020-08-11 22:31:48 來源：網(wǎng)絡(luò) 閱讀：349 作者：renyiqiu 欄目：web開發(fā)

基礎(chǔ)為王，打造一個自動播放的幻燈片


$('#nextArrow').bind('click',function(){
alert("Clicked!");
});
$('#nextArrow').trigger('click');
// 或者選擇下面的:
// $('#nextArrow').click();




核心代碼：


//autoadvance.js
$(window).load(function(){
//window.load 事件保證了在自動輪播事件開啟之前，讓所有的圖片先進行了加載
vartimeOut = null;
$('#slideshow .arrow').click(function(e,simulated){
//模擬參數(shù)被設(shè)置在了觸發(fā)的方法中
if(!simulated){
//真正的點擊事件發(fā)生。
// 取消自動輪播動畫。
clearTimeout(timeOut);
}
});
// 一個自定義名稱的自動執(zhí)行函數(shù)
(functionautoAdvance(){
//模擬下一張圖片點擊
$('#slideshow .next').trigger('click',[true]);
//設(shè)置延時5秒鐘
timeOut = setTimeout(autoAdvance,5000);
})();
});


向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手