8 款超絢麗的 jQuery 焦點圖動畫

1、jQuery實用圖片滑塊焦點圖 支持移動端滑動

今天我們要再來介紹一款jQuery實用圖片滑塊焦點圖，它也支持移動端的觸屏滑動，這款插件并沒有特別的動畫效果，但方便實用。

在線演示        源碼下載

2、HTML5/jQuery 3D焦點圖插件 多種超酷切換動畫

之前我們分享過一些很酷的 焦點圖插件 了，有些是基于jQuery的焦點圖應用，今天我們要分享一款基于 HTML5 和jQuery的3D焦點圖插件，該HTML5焦點圖有多種超酷的切換動畫，包括3D百葉窗、3D翻轉等特效，有些切換效果在高版本Chrome中有效果。

在線演示        源碼下載

3、jQuery自動滑塊焦點圖插件 帶縮略圖

今天我們再來介紹一款比較實用的 jQuery焦點圖 插件，它的特點是可以自動播放圖片，并可以設置暫停。另外，這款焦點圖的圖片切換動畫也比較多樣化，而且在圖片下方的切換按鈕上鼠標懸停將會出現當前圖片的縮略圖，并沒有炫酷的動畫，總體來講是一款比較實用的jQuery焦點圖。

在線演示        源碼下載

4、jQuery/CSS3實現全屏圖片滑塊焦點圖動畫

今天我們要來分享一款非常大氣的jQuery/CSS3全屏焦點圖插件，這款焦點圖有以下幾個特點：首先圖片可以全屏切換滑動，顯得非常大氣；其次焦點圖有縮略圖導航，點擊縮略圖可以切換至相應的圖片；最后就是圖片有陰影，配合天空白云的背景，像是浮動一樣，非常立體。

在線演示        源碼下載

5、jQuery圖片垂直滾動焦點圖 導航帶圖標

今天我們要再來分享一款很實用的jQuery焦點圖插件，這款jQuery焦點圖的圖片是垂直分組滾動的，你可以自定義圖片組，也可以定義圖片組中圖片的數量，鼠標滑過指定的導航上時，相應的圖片組即可上下切換，另外，焦點圖的切換導航上有小圖標，顯得更加美觀。

在線演示        源碼下載

6、jQuery自動輪播圖片焦點圖插件

今天我們要繼續來分享一款非常實用的jQuery焦點圖插件，和其他的jQuery焦點圖插件一樣，它同樣支持多張圖片的任意跳轉切換，同時，焦點圖切換方式是水平的，而且相當流暢，因為這款jQuery焦點圖實現很簡單。

在線演示        源碼下載

7、簡單實用的jQuery橫向圖片滾動焦點圖插件

今天的這款jQuery焦點圖插件看起來非常簡單，但是無論從外觀和實用價值上看都相當不錯。這款jQuery焦點圖的圖片是橫向滾動的，兩側均有左右滑動按鈕。

在線演示        源碼下載

8、jQuery底部帶縮略圖的焦點圖插件

今天我們要介紹的這款jQuery焦點圖插件是帶有縮略圖的，我們只需點擊縮略圖即可切換至相應的圖片，圖片切換的時候出現淡入淡出的動畫效果。

在線演示        源碼下載

以上的很多jQuery焦點圖動畫插件都還是挺實用的，如果你有需要，可以下載源碼并將它們整合到自己的頁面中去，我們將繼續為大家分享更多的前端開發資源。

本文鏈接： http://www.codeceo.com/article/8-cool-jquery-slider.html