jquery的廣泛使用已經(jīng)讓人快 忘記了其它javascript框 架的存在，甚至有時(shí)候會(huì )忘記了jQuery是一個(gè)JS庫，冒出“我不是在編寫(xiě)Javascript代碼”，而是在編寫(xiě)“jQury代碼”的愚蠢想法。
從長(cháng)遠來(lái)看，過(guò)度依賴(lài)于jQuery并不是件好事。但jQuery已侵蝕Web設計師的身心。說(shuō)的夸張點(diǎn)，即使你不懂 Javascript，你也可以學(xué)會(huì )jQuery的大部份使用。即使你不懂jQuery，你也可以使用它的無(wú)數插件創(chuàng )造出炫目的網(wǎng)頁(yè)特效。
本文為你介紹30+最新強大jQuery插件和教程，在這之前，讓我們之前本站發(fā)布的相關(guān)的jQury插件和教 程文章:
14條改 善jQuery代碼的技巧
13 個(gè)增強Web設計界面的Javascript腳本
15款 jQuery幻燈片插件
30+ jQuery中文教程和資源
6款jQuery圖表插 件
Easy Slider: 功能強大簡(jiǎn)單易用的jQuery滑動(dòng)門(mén)插件
3 款基于jQuery的Twitter插件
更多請查看jQuery 專(zhuān)欄。
1. How to add preloader with loading image in a gallery using jQuery
在圖像畫(huà)廊載入過(guò)程中使用 jQuery 預加載技術(shù)。演示 | 教程
2. Simple Lava Lamp Menu Tutorial With jQuery
創(chuàng )建一個(gè)獨特的熔巖燈動(dòng)畫(huà)效果的 jQuery 導航菜單。演示 | 教程
3. How To Create a 3D Tag Cloud in jQuery
使用 jQuery 創(chuàng )建類(lèi)似 Flash 形式的 3D 標簽云。演示| 教程
4. Drag & Drop With jQuery
Web 應用程序的拖放功能提供了豐富的用戶(hù)界面，了解如何使用 jQuery 來(lái)創(chuàng )建此種用戶(hù)界面。演示| 教程
5. Awesome Horizontal Animated menu using Kwicks for jQuery
使用 jQuery Kwicks 插件建立一個(gè)可定制的，靈活的橫向動(dòng)畫(huà)菜單。演示 | 教程
6. Create a Thumbnail Gallery With Slick Heading & Caption effect
使用光標題和字幕效果創(chuàng )建縮略圖畫(huà)廊。演示 | 教程
7. Create an Attractive jQuery Menu with fade in and out effects
創(chuàng )建一個(gè)有吸引力的 jQuery 菜單，鼠標懸停時(shí)具有淡入背景效果。演示 | 教程
8. jQuery PHP AJAX Autosuggest
Autosuggest 是目前的 Web 應用程序中一個(gè)有用的功能。了解如何使用 jQuery 和 PHP 來(lái)創(chuàng )建。演示 |教程
9. Perfect Login Drop Down Box Like Twitter
使用 jQuery 模仿 twitter新的下拉框效果。演 示 | 教程
10. Crafting an Animated Postcard With jQuery
僅使用 jQuery 創(chuàng )建一個(gè)類(lèi) Flash 的明信片。演示 | 教程
11. Twitter like Search With jQuery & AJAX
使用 ajax 在同一頁(yè)創(chuàng )建類(lèi)似 Twitter 的搜索框加載結果。演示 | 教程
12. Voting System With jQuery, AJAX, PHP
學(xué)習如何創(chuàng )建類(lèi)似 dzone 的投票系統。演示 | 教程
13. AJAXed Sliding Shopping Cart Using jQuery
創(chuàng )造一個(gè) Ajax 滑動(dòng)門(mén)效果的購物籃，當更新購物車(chē)項目時(shí)滑動(dòng)，并在一段時(shí)間后自動(dòng)隱藏。同時(shí)還支持手動(dòng)顯示隱藏選項，以便在任何時(shí)候查看購物車(chē)。演示 | 教程
14. How To Build Animated Header in jQuery
利用 jQuery 技術(shù)為網(wǎng)頁(yè)標題添加令人輕嘆的動(dòng)畫(huà)背景效果。演示 | 教程
15. Hide and Seek With jQuery
使用 jQuery 在單一頁(yè)面上，顯示基于事件行為的應用程序的多個(gè)模塊。演示 |教程
16. jQuery Comment Preview
通過(guò)使用 jQuery 為用戶(hù)提供實(shí)時(shí)評論預覽功能。演示 | 教程
17. Styling Drop Down Boxes With jQuery
由于選擇框很難使用 CSS來(lái)定義樣式，本教程將告訴你如何使用文本框和無(wú)須列表代替選取框，然后根據需要定義樣式。演示 | 教程
18. Scrolling Dynamic Content Box
使用 Ajax 將內容加載至滾動(dòng) DIV。就像谷歌閱讀器中當你向下滾動(dòng)時(shí)，會(huì )自動(dòng)加載更多項目。演示 | 教程
19. Ways To Debug your jQuery or JavaScript Code
本文介紹了如何使用 jQuery 控制臺登錄來(lái)輕松地調試 JavaScript 代碼。教程
20. 5 Ways To Make AJAX Calls with jQuery
關(guān)于使用 jQuery 技術(shù)以不同方式創(chuàng )建 Ajax 請求。甚至對那些已深度熟悉 jQuery 并且用大量方法創(chuàng )建 Ajax 請求的開(kāi)發(fā)者也很有幫助。演示 | 教程
1. Tipsy
呈現 Facebook 風(fēng)格的工具提示插件，基于定位標記的標題屬性。演示 | 插件主頁(yè)
2. jQuery YouTube PlayList
將 YouTube 鏈接列表轉換為播放列表，讓用戶(hù)能夠在網(wǎng)頁(yè)本身瀏覽視頻。演示| 插件主頁(yè)
3. SuperFish Menus
Superfish 菜單是一款易于使用的 jQuery 插件，可以將無(wú)須 html 列表轉換成漂亮的下拉菜單。插件主頁(yè)
4. Elastic
Elastic 是一款輕量級的 jQuery 插件，可使 textareas 根據內容大小自動(dòng)調整尺寸。演 示 | 插件主頁(yè)
5. OverScroll
在網(wǎng)頁(yè)上實(shí)施類(lèi)似 iphone的拖放滾動(dòng)效果。插件主頁(yè)
6. Tweetable
使用 Tweetable 輕松快捷地在網(wǎng)頁(yè)上顯示 Twitter Feed 源，可選擇將 Twitter 用戶(hù)名和 URL 地址轉換為超級鏈接。演示 | 插件主頁(yè)
7. jQuery Link nudge
使用 jQuery Link Nudge 插件創(chuàng )建移動(dòng)菜單欄，效果很漂亮。演示 | 插件主頁(yè)
8. TimePickr
如果需要將用戶(hù)系統時(shí)間作為表單輸入，使用此插件可以提供豐富的用戶(hù)界面，以便輸入時(shí)間。插件主頁(yè)
9. Truncatable
Truncatable 允許你在網(wǎng)頁(yè)中隱藏文本塊，并在需要時(shí)顯示。演示 | 插件主頁(yè)
10. Incremental Search For Select Boxes
此插件將普通的選擇框轉換成帶有增量搜索的組合框，如果選擇框有很多選項，這會(huì )非常有用。演示 | 插件 主頁(yè)
11. Anything Slider
Anything Slider 是一款功能齊全的滑動(dòng)門(mén)插件，易于定制并適應你的網(wǎng)站。演示| 插件主頁(yè)
英文原文：30+ Fresh & Amazing jQuery Plugins & Tutorials |
Web Developer Plus
中文原文：30+ 新鮮驚奇的 jQuery 插件與教程 | 芒果
聯(lián)系客服
