焦點圖應用在現代網頁中使用十分廣泛,有注重簡單小巧的,也有注重華麗美觀的,大部分jQuery焦點圖都可以滑動和切換圖片,並且在切換圖片時產生不同的動畫特效。今天我們要分享一些超酷而且實用的jQuery焦點圖外掛,並分享它們的原始碼。
1、jQuery多動畫切換焦點圖
之前我們已經分享過很多超酷的jQuery焦點圖外掛了,而且也都相當實用。今天我們要再來介紹一款可實現多種切換動畫的jQuery焦點圖,這款焦點圖整體非常簡單,左右兩側各有一個上一張和下一張的切換按鈕。每張圖片在切換時也都有各不相同的動畫特效。
2、jQuery帶縮圖焦點圖外掛 自定義滑塊內容
今天我們要來分享一款基於jQuery的焦點圖外掛,這款jQuery焦點圖功能十分強大,有以下兩個特點:第一是焦點圖帶有縮圖預覽,當滑鼠滑過對應圖片的按鈕時,即可彈出縮圖;第二是焦點圖的滑塊內容可以自定義,可以是圖片,也可以是任何HTML元素,因此也非常的靈活。另外,焦點圖的切換動畫也有多種,非常炫酷。
3、jQuery仿蘋果樣式焦點圖外掛
這次我們要分享的這款jQuery焦點圖非常特別,它的外觀特別簡單,但是又相當大氣。焦點圖的整體樣式是仿蘋果樣式的,由於jQuery的運用,我們只要點選圖片下方的縮圖即可達到圖片切換的焦點圖特效,這款jQuery焦點圖外掛非常適合在產片展示的網頁上使用。
4、簡易jQuery焦點圖外掛 填充式切換按鈕
這又是一款簡易型的jQuery焦點圖外掛,這款焦點圖外掛可以進行自動播放,也可以點選下方的填充式切換按鈕進行手動切換,非常方便。另外,其簡易的外觀讓其載入速度十分快,非常適合高效能的網頁上面。該jQuery焦點圖的圖片切換動畫是淡入淡出的效果,切換也十分流暢。
5、jQuery多圖並列焦點圖外掛
今天我們要來分享一款比較特別的jQuery焦點圖外掛,它允許你自己定義當前畫面的圖片數量,在這個演示中,我們定義了3張圖片一起顯示。和其他jQuery焦點圖一樣,這款焦點圖外掛的圖片下方也有一排小按鈕,可以任意切換圖片。另外,每張圖片也都有文字描述。
6、jQuery 3D圖片滑塊焦點圖外掛
這是一款很酷的jQuery 3D焦點圖外掛,和之前分享的jQuery焦點圖不同的是,這款焦點圖外掛的圖片切換播放樣式是3D的,圖片就像立方體一樣可以上下翻滾,同時你不僅可以點選焦點圖的左右切換按鈕,也可以通過圖片下方的小按鈕進行圖片切換。
7、jQuery 3D圓盤旋轉焦點圖 支援滑鼠滾輪
之前我們分享過很多炫酷實用的jQuery焦點圖外掛了,今天介紹的這款jQuery焦點圖非常特別,所有圖片圍成一個圓圈,組成一個立體視覺的圓盤,並且可以旋轉選擇圓盤中的圖片。另外,這款jQuery 3D圓盤旋轉焦點圖外掛還支援滑鼠滾輪,可以讓你更方便地瀏覽圖片。
8、jQuery寬屏遊戲焦點圖 Tab圖片切換按鈕
今天我們要來分享一款全新的jQuery焦點圖外掛,這款jQuery焦點圖是寬屏的,因此外觀看上去非常大氣,在這裡我們也分享過很多寬屏的jQuery焦點圖外掛,但是這款jQuery焦點圖在切換圖片上不僅具有淡入淡出的動畫特效,而且切換的按鈕式tab形式的,圖片切換也十分流暢。
以上就是很不錯的jQuery焦點圖外掛,歡迎收藏分享。
本文作者:html5tricks – 超人
評論(2)