1、jQuery帶對比功能的焦點圖外掛
我們在這裡已經分享過很多炫酷的jQuery焦點圖外掛，大部分焦點圖外掛都比較實用。今天要分享的這款有幾個特點：第一是焦點圖帶有縮圖預覽功能，第二是焦點圖中的圖片帶有和原圖進行對比的功能，並且這款jQuery焦點圖還支援定時圖片切換，非常實用。
線上演示1 線上演示2 原始碼下載
2、jQuery右側Tab選項卡的焦點圖外掛
這是一款基於jQuery的焦點圖外掛，和之前介紹的jQuery焦點圖外掛類似，它以淡入淡出的動畫方式來切換圖片，該焦點圖外掛的特點是右側有一排Tab選項卡，點選相應選項卡後即可切換對應的圖片，應該說這款jQuery焦點圖外掛還是非常實用的。
線上演示 原始碼下載
3、jQuery平板樣式的焦點圖動畫外掛
上一款我們介紹的是應用在手機端的jQuery焦點圖，這款也類似，不過是平板樣式的jQuery焦點圖。這款焦點圖外掛還有一個特點是有左右圖片切換按鈕，並且按鈕出現漸隱漸現的動畫特效，可以讓使用者很容易找到切換圖片的地方。
線上演示 原始碼下載
4、適應手機端的jQuery圖片滑塊動畫
今天我們要介紹一款比較特別的jQuery圖片滑塊外掛，它不僅在PC瀏覽器上可以使用，而且更適合在手機端的網頁中使用。這款jQuery外掛不僅可以定義圖片切換的方向，而且可以即時切換圖片切換的動畫方式，可以有平移、翻轉、旋轉和幻燈片模式，動畫效果非常不錯。
線上演示 原始碼下載
5、jQuery帶縮圖的寬屏焦點圖外掛
今天我們要來分享一款很不錯的jQuery寬屏焦點圖外掛，這款焦點圖外掛相當大氣，並且在圖片上方列出了所有的縮圖，點選縮圖即可切換相應的圖片。另外，我們也可以點選左右切換按鈕來切換上一張和下一張圖片。
線上演示 原始碼下載
6、jQuery文字描述懸浮焦點圖寬屏展示
這次我們要來分享一款jQuery焦點圖外掛，這款jQuery焦點圖外掛有2個特點，第一是焦點圖以寬屏的形式展現，第二是焦點圖的圖片上方懸浮著文字描述，並且可以在文字描述上點選切換按鈕。焦點圖整體非常大氣，不僅可以通過左右按鈕來切換，而且可以點選下面的按鈕來切換至任意圖片。
線上演示 原始碼下載
7、jQuery仿蘋果樣式焦點圖外掛
這次我們要分享的這款jQuery焦點圖非常特別，它的外觀特別簡單，但是又相當大氣。焦點圖的整體樣式是仿蘋果樣式的，由於jQuery的運用，我們只要點選圖片下方的縮圖即可達到圖片切換的焦點圖特效，這款jQuery焦點圖外掛非常適合在產片展示的網頁上使用。
線上演示 原始碼下載
8、jQuery多圖並列焦點圖外掛
今天我們要來分享一款比較特別的jQuery焦點圖外掛，它允許你自己定義當前畫面的圖片數量，在這個演示中，我們定義了3張圖片一起顯示。和其他jQuery焦點圖一樣，這款焦點圖外掛的圖片下方也有一排小按鈕，可以任意切換圖片。另外，每張圖片也都有文字描述。
線上演示 原始碼下載
9、jQuery動畫焦點圖 可自動播放圖片
這是一款簡單而實用的jQuery焦點圖外掛，焦點圖不僅可以在播放圖片的時候讓圖片有淡入淡出的動畫效果，而且圖片可以自動播放。該jQuery焦點圖的每一張圖片都可以設定文字描述，並浮動在圖片之上。由於其簡單的配置，這款jQuery焦點圖可以很方便地與你的網站相結合。
線上演示 原始碼下載
10、jQuery縮圖動態縮放焦點圖
今天我們要來分享一款jQuery焦點圖，這款jQuery焦點圖的圖片切換按鈕是幾張圖片的縮圖，滑鼠滑過縮圖即可切換至相應的圖片。焦點圖的切換動畫是圖片的動態縮放，動畫效果還算新穎，圖片切換也比較流暢，是一款值得一試的jQuery焦點圖。
線上演示 原始碼下載
11、jQuery全屏滑塊焦點圖 可自定義內容
之前我們已經分享過很多jQuery焦點圖外掛了，很多焦點圖都非常實用，可以應用到自己的網站上去。這次要分享的也是一款基於jQuery的全屏方式滑塊焦點圖外掛，滑塊的內容可以自定義，可以是幾張圖片的組合，也可以是橫幅廣告。
線上演示 原始碼下載
12、jQuery/CSS3動畫相簿圖片瀏覽外掛
之前我們分享過一款基於jQuery的仿QQ空間相簿瀏覽外掛，功能上已經十分完善，但是缺少動畫效果。今天這款jQuery相簿外掛正好彌補了動畫的缺陷，由於CSS3特性的利用，當我們點選圖片瀏覽的時候，縮圖就會以淡入淡出的動畫效果消失，然後出現原始圖片。同時你也可以點選左右按鈕來逐一瀏覽相簿中的圖片。
線上演示 原始碼下載
13、jQuery縱向滑塊焦點圖外掛 圖片切換流暢
今天我們要來分享一款效果很酷的jQuery焦點圖，它的Tab切換方式是縱向的，而且圖片切換的方式也是縱向的，另外整個jQuery焦點圖的色彩非常棒，給人一種神祕的感覺。焦點圖的圖片切換還是比較流暢的。
線上演示 原始碼下載
14、jQuery/CSS3立方體翻轉3D全屏焦點圖
天我們要來分享一款非常大氣的HTML5/CSS3 3D全屏焦點圖，在頁面兩側，有兩個很立體的左右箭頭進行圖片切換。這款HTML5焦點圖的圖片切換方式是3D效果的，類似立方體翻轉一樣，焦點圖預設顯示文字，我們已經將文字替換成圖片，效果更酷。
線上演示 原始碼下載
本文作者：html5tricks – 超人
相關閱讀
評論(1)