這里大概說一下整個(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 Again
And Again

執(zhí)行 $("div").siblings()，結(jié)果

[ 
Hello
, 
And Again
 ]

【程序源碼】
HTML部分：

 



1
2
3
4

CSS部分：

JS部分:

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com