這里大概說一下整個流程：

1，將除了第一張以外的圖片全部隱藏，

2，獲取第一張圖片的alt信息顯示在信息欄，并添加點(diǎn)擊事件

3，為4個按鈕添加點(diǎn)擊偵聽，點(diǎn)擊相應(yīng)的按鈕，用fadeOut，fadeIn方法顯示圖片

4，設(shè)置setInterval，定時執(zhí)行切換函數(shù)

【代碼說明】

filter(":visible") :獲取所有可見的元素

unbind()：從匹配的元素中刪除綁定的事件

siblings：取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合

例：找到每個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)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com