JQuery實現圖片輪播效果_jquery

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

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

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

3，為4個按鈕添加點擊偵聽，點擊相應的按鈕，用fadeOut，fadeIn方法顯示圖片

4，設置setInterval，定時執行切換函數

【代碼說明】

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

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

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

例：找到每個div的所有同輩元素中帶有類名為selected的元素。

Hello
Hello Again
And Again

執行 $("div").siblings()，結果

[ 
Hello
, 
And Again
 ]

【程序源碼】
HTML部分：

 



1
2
3
4

CSS部分：

JS部分:

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