JQuery實(shí)現(xiàn)圖片輪播效果_jquery
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 21:43:42
JQuery實(shí)現(xiàn)圖片輪播效果_jquery
JQuery實(shí)現(xiàn)圖片輪播效果_jquery:【原理簡述】 這里大概說一下整個(gè)流程: 1,將除了第一張以外的圖片全部隱藏, 2,獲取第一張圖片的alt信息顯示在信息欄,并添加點(diǎn)擊事件 3,為4個(gè)按鈕添加點(diǎn)擊偵聽,點(diǎn)擊相應(yīng)的按鈕,用fadeOut,fadeIn方法顯示圖片 4,設(shè)置setInterval,定時(shí)執(zhí)行
導(dǎo)讀JQuery實(shí)現(xiàn)圖片輪播效果_jquery:【原理簡述】 這里大概說一下整個(gè)流程: 1,將除了第一張以外的圖片全部隱藏, 2,獲取第一張圖片的alt信息顯示在信息欄,并添加點(diǎn)擊事件 3,為4個(gè)按鈕添加點(diǎn)擊偵聽,點(diǎn)擊相應(yīng)的按鈕,用fadeOut,fadeIn方法顯示圖片 4,設(shè)置setInterval,定時(shí)執(zhí)行
【原理簡述】

這里大概說一下整個(gè)流程:
1,將除了第一張以外的圖片全部隱藏,
2,獲取第一張圖片的alt信息顯示在信息欄,并添加點(diǎn)擊事件
3,為4個(gè)按鈕添加點(diǎn)擊偵聽,點(diǎn)擊相應(yīng)的按鈕,用fadeOut,fadeIn方法顯示圖片
4,設(shè)置setInterval,定時(shí)執(zhí)行切換函數(shù)
【代碼說明】
filter(":visible") :獲取所有可見的元素
unbind():從匹配的元素中刪除綁定的事件
siblings:取得一個(gè)包含匹配的元素集合中每一個(gè)元素的所有唯一同輩元素的元素集合
例:找到每個(gè)div的所有同輩元素中帶有類名為selected的元素。
Hello
Hello AgainAnd Again
執(zhí)行 $("div").siblings(),結(jié)果
【程序源碼】
HTML部分:
CSS部分:
JS部分:
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
JQuery實(shí)現(xiàn)圖片輪播效果_jquery
JQuery實(shí)現(xiàn)圖片輪播效果_jquery:【原理簡述】 這里大概說一下整個(gè)流程: 1,將除了第一張以外的圖片全部隱藏, 2,獲取第一張圖片的alt信息顯示在信息欄,并添加點(diǎn)擊事件 3,為4個(gè)按鈕添加點(diǎn)擊偵聽,點(diǎn)擊相應(yīng)的按鈕,用fadeOut,fadeIn方法顯示圖片 4,設(shè)置setInterval,定時(shí)執(zhí)行