jquery的廣泛使用已經(jīng)讓人快 忘記了其它javascript框 架的存在，甚至有時候會忘記了jQuery是一個JS庫，冒出“我不是在編寫Javascript代碼”，而是在編寫“jQury代碼”的愚蠢想法。

從長遠來看，過度依賴于jQuery并不是件好事。但jQuery已侵蝕Web設(shè)計師的身心。說的夸張點，即使你不懂 Javascript，你也可以學(xué)會jQuery的大部份使用。即使你不懂jQuery，你也可以使用它的無數(shù)插件創(chuàng)造出炫目的網(wǎng)頁特效。

本文為你介紹30+最新強大jQuery插件和教程，在這之前，讓我們之前本站發(fā)布的相關(guān)的jQury插件和教 程文章:

• 14條改 善jQuery代碼的技巧

• 13 個增強Web設(shè)計界面的Javascript腳本

• 15款 jQuery幻燈片插件

• 30+ jQuery中文教程和資源

• 6款jQuery圖表插 件

• Easy Slider: 功能強大簡單易用的jQuery滑動門插件

• 3 款基于jQuery的Twitter插件

更多請查看jQuery 專欄。

教程

1. How to add preloader with loading image in a gallery using jQuery

在圖像畫廊載入過程中使用 jQuery 預(yù)加載技術(shù)。演示 | 教程

2. Simple Lava Lamp Menu Tutorial With jQuery

創(chuàng)建一個獨特的熔巖燈動畫效果的 jQuery 導(dǎo)航菜單。演示 | 教程

3. How To Create a 3D Tag Cloud in jQuery

使用 jQuery 創(chuàng)建類似 Flash 形式的 3D 標(biāo)簽云。演示| 教程

4. Drag & Drop With jQuery

Web 應(yīng)用程序的拖放功能提供了豐富的用戶界面，了解如何使用 jQuery 來創(chuàng)建此種用戶界面。演示| 教程

5. Awesome Horizontal Animated menu using Kwicks for jQuery

使用 jQuery Kwicks 插件建立一個可定制的，靈活的橫向動畫菜單。演示 | 教程

6. Create a Thumbnail Gallery With Slick Heading & Caption effect

使用光標(biāo)題和字幕效果創(chuàng)建縮略圖畫廊。演示 | 教程

7. Create an Attractive jQuery Menu with fade in and out effects

創(chuàng)建一個有吸引力的 jQuery 菜單，鼠標(biāo)懸停時具有淡入背景效果。演示 | 教程

8. jQuery PHP AJAX Autosuggest

Autosuggest 是目前的 Web 應(yīng)用程序中一個有用的功能。了解如何使用 jQuery 和 PHP 來創(chuàng)建。演示 |教程

9. Perfect Login Drop Down Box Like Twitter

使用 jQuery 模仿 twitter新的下拉框效果。演 示 | 教程

10. Crafting an Animated Postcard With jQuery

僅使用 jQuery 創(chuàng)建一個類 Flash 的明信片。演示 | 教程

11. Twitter like Search With jQuery & AJAX

使用 ajax 在同一頁創(chuàng)建類似 Twitter 的搜索框加載結(jié)果。演示 | 教程

12. Voting System With jQuery, AJAX, PHP

學(xué)習(xí)如何創(chuàng)建類似 dzone 的投票系統(tǒng)。演示 | 教程

13. AJAXed Sliding Shopping Cart Using jQuery

創(chuàng)造一個 Ajax 滑動門效果的購物籃，當(dāng)更新購物車項目時滑動，并在一段時間后自動隱藏。同時還支持手動顯示隱藏選項，以便在任何時候查看購物車。演示 | 教程

14. How To Build Animated Header in jQuery

利用 jQuery 技術(shù)為網(wǎng)頁標(biāo)題添加令人輕嘆的動畫背景效果。演示 | 教程

15. Hide and Seek With jQuery

使用 jQuery 在單一頁面上，顯示基于事件行為的應(yīng)用程序的多個模塊。演示 |教程

16. jQuery Comment Preview

通過使用 jQuery 為用戶提供實時評論預(yù)覽功能。演示 | 教程

17. Styling Drop Down Boxes With jQuery

由于選擇框很難使用 CSS來定義樣式，本教程將告訴你如何使用文本框和無須列表代替選取框，然后根據(jù)需要定義樣式。演示 | 教程

18. Scrolling Dynamic Content Box

使用 Ajax 將內(nèi)容加載至滾動 DIV。就像谷歌閱讀器中當(dāng)你向下滾動時，會自動加載更多項目。演示 | 教程

19. Ways To Debug your jQuery or JavaScript Code

本文介紹了如何使用 jQuery 控制臺登錄來輕松地調(diào)試 JavaScript 代碼。教程

20. 5 Ways To Make AJAX Calls with jQuery

關(guān)于使用 jQuery 技術(shù)以不同方式創(chuàng)建 Ajax 請求。甚至對那些已深度熟悉 jQuery 并且用大量方法創(chuàng)建 Ajax 請求的開發(fā)者也很有幫助。演示 | 教程

插件

1. Tipsy

呈現(xiàn) Facebook 風(fēng)格的工具提示插件，基于定位標(biāo)記的標(biāo)題屬性。演示 | 插件主頁

2. jQuery YouTube PlayList

將 YouTube 鏈接列表轉(zhuǎn)換為播放列表，讓用戶能夠在網(wǎng)頁本身瀏覽視頻。演示| 插件主頁

3. SuperFish Menus

Superfish 菜單是一款易于使用的 jQuery 插件，可以將無須 html 列表轉(zhuǎn)換成漂亮的下拉菜單。插件主頁

4. Elastic

Elastic 是一款輕量級的 jQuery 插件，可使 textareas 根據(jù)內(nèi)容大小自動調(diào)整尺寸。演 示 | 插件主頁

5. OverScroll

在網(wǎng)頁上實施類似 iphone的拖放滾動效果。插件主頁

6. Tweetable

使用 Tweetable 輕松快捷地在網(wǎng)頁上顯示 Twitter Feed 源，可選擇將 Twitter 用戶名和 URL 地址轉(zhuǎn)換為超級鏈接。演示 | 插件主頁

7. jQuery Link nudge

使用 jQuery Link Nudge 插件創(chuàng)建移動菜單欄，效果很漂亮。演示 | 插件主頁

8. TimePickr

如果需要將用戶系統(tǒng)時間作為表單輸入，使用此插件可以提供豐富的用戶界面，以便輸入時間。插件主頁

9. Truncatable

Truncatable 允許你在網(wǎng)頁中隱藏文本塊，并在需要時顯示。演示 | 插件主頁

10. Incremental Search For Select Boxes

此插件將普通的選擇框轉(zhuǎn)換成帶有增量搜索的組合框，如果選擇框有很多選項，這會非常有用。演示 | 插件 主頁

11. Anything Slider

Anything Slider 是一款功能齊全的滑動門插件，易于定制并適應(yīng)你的網(wǎng)站。演示| 插件主頁

英文原文：30+ Fresh & Amazing jQuery Plugins & Tutorials | Web Developer Plus
中文原文：30+ 新鮮驚奇的 jQuery 插件與教程 | 芒果