超酷實用的jQuery焦點圖賞析及源碼
焦點圖應用在現代網頁中使用十分廣泛，有注重簡單小巧的，也有注重華麗美觀的，大部分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焦點圖插件，歡迎收藏分享。
本文鏈接：http://www.html5tricks.com/jquery-cool-silder.html
本文作者：html5tricks – 超人