10款經典創意jQuery應用外掛程式及源碼

標籤：http   ar   使用   strong   資料   on   2014   art   html   

1.jQuery帶縮圖的寬屏焦點圖外掛程式

今天我們要來分享一款很不錯的jQuery寬屏焦點圖外掛程式，這款焦點圖外掛程式相當大氣，並且在圖片上方列出了所有的縮圖，點擊縮圖即可切換相應的圖片。另外，我們也可以點擊左右切換按鈕來切換上一張和下一張圖片。

線上示範

源碼下載

2.HTML5 Canvas折線圖表和直條圖表

之前我們已經分享過很多HTML5圖表應用了，包括折線圖、直條圖、餅圖等，使用起來使用者體驗都很不錯。今天要分享的一款HTML5 Canvas圖表應用提供了折線圖和直條圖兩種，這款HTML5圖表在初始化資料的時候有一種漸現的動畫特效，我們可以將這款圖表應用在統計頁面上。

線上示範

源碼下載

3.jQuery平板樣式的焦點圖動畫外掛程式

上一款我們介紹的是應用在手機端的jQuery焦點圖，這款也類似，不過是平板樣式的jQuery焦點圖。這款焦點圖外掛程式還有一個特點是有左右圖片切換按鈕，並且按鈕出現漸隱漸現的動畫特效，可以讓使用者很容易找到切換圖片的地方。

線上示範

源碼下載

4.適應手機端的jQuery圖片滑塊動畫

今天我們要介紹一款比較特別的jQuery圖片滑塊外掛程式，它不僅在PC瀏覽器上可以使用，而且更適合在手機端的網頁中使用。這款jQuery外掛程式不僅可以定義圖片切換的方向，而且可以即時轉換圖片切換的動畫方式，可以有平移、翻轉、旋轉和投影片模式，動畫效果非常不錯。

線上示範

源碼下載

5.3D立體式書本陰影左右轉場效果外掛程式

三維立體式圖片轉場效果，不過，說的嚴謹一點，應該是書本圖文立體式轉場樣式，細心的懶人應該會注意到，它帶有一點點的陰影製作效果，在現實生活中，光線無處不在，這樣也會產生一些微弱的陰影製作效果，我們在這裡也做了一些體現，使其看起來更加逼真一些，看起來好像反射光一樣，更加貼切，接近現實。

線上示範

源碼下載

6.css3類比雷達波向外散發動畫效果

就在不久之前全球資訊網聯盟已宣布完成html5標準的制定工作，所以呢，html5+css3效果離我們生活已經越來越近了，今天給大家推薦一款非常舒適，且只使用css3實現的效果，無js。

線上示範

源碼下載

7.jQuery滑鼠移至上方圖片半透明文字漸隱漸現動畫效果

之前推薦過一個類似的效果，滑鼠移至上方後圖片漸漸有一層透明遮罩層，同時解說文字從左側滑入，使用者體驗較好。

線上示範

源碼下載

8.jquery滑鼠移至上方高亮圖片滑動效果

此效果非常適合用在圖片列表上，效果描述：滑鼠移至上方在圖片上後，有一個高亮的光線從左向右滑動展示，同時底部滾動出文字說明效果，效果輕巧，用起來又很舒適。

線上示範

源碼下載

9.jQuery Timelinr左右滾動時間軸外掛程式

預設為左右滾動方式，間隔4秒滾動一次，效果比較流程，使用方法比較簡單，懶人站長已經將所有圖片以及js、css路徑改為絕對位址。

線上示範

源碼下載

10.各種滑鼠移至上方css3動畫效果

這幾天突然在網上看到好多不錯的滑鼠移至上方後css3動畫效果，總共有31種不同的動畫效果，包括放大、縮小、陰影、各個方向旋轉、翻轉、等等。

線上示範

源碼下載

10款經典創意jQuery應用外掛程式及源碼