27個(gè)新鮮驚奇的jQuery插件與教程
51CTO推薦專題: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)建一個(gè)獨(dú)特的熔巖燈動畫效果的 jQuery 導(dǎo)航菜單。演示 | 教程
3. How To Create a 3D Tag Cloud in jQuery
使用 jQuery 創(chuàng)建類似 Flash 形式的 3D 標(biāo)簽云。演示 | 教程
Web 應(yīng)用程序的拖放功能提供了豐富的用戶界面,了解如何使用 jQuery 來創(chuàng)建此種用戶界面。演示 | 教程
5. Awesome Horizontal Animated menu using Kwicks for jQuery
使用 jQuery Kwicks 插件建立一個(gè)可定制的,靈活的橫向動畫菜單。演示 | 教程
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)建一個(gè)有吸引力的 jQuery 菜單,鼠標(biāo)懸停時(shí)具有淡入背景效果。演示 | 教程
8. jQuery PHP AJAX Autosuggest
Autosuggest 是目前的 Web 應(yīng)用程序中一個(gè)有用的功能。了解如何使用 jQuery 和 PHP 來創(chuàng)建。演示 | 教程
9. Perfect Login Drop Down Box Like Twitter
使用 jQuery 模仿 Twitter 新的下拉框效果。演示 | 教程
10. Crafting an Animated Postcard With jQuery
僅使用 jQuery 創(chuàng)建一個(gè)類 Flash 的明信片。演示 | 教程
11. 5 Ways To Make AJAX Calls with jQuery
關(guān)于使用 jQuery 技術(shù)以不同方式創(chuàng)建 Ajax 請求。甚至對那些已深度熟悉 jQuery 并且用大量方法創(chuàng)建 Ajax 請求的開發(fā)者也很有幫助。演示 | 教程
12. Ways To Debug your jQuery or JavaScript Code
本文介紹了如何使用 jQuery 控制臺登錄來輕松地調(diào)試 JavaScript 代碼。教程
13. AJAXed Sliding Shopping Cart Using jQuery
創(chuàng)造一個(gè) Ajax 滑動門效果的購物籃,當(dāng)更新購物車項(xiàng)目時(shí)滑動,并在一段時(shí)間后自動隱藏。同時(shí)還支持手動顯示隱藏選項(xiàng),以便在任何時(shí)候查看購物車。演示 | 教程
14. How To Build Animated Header in jQuery
利用 jQuery 技術(shù)為網(wǎng)頁標(biāo)題添加令人輕嘆的動畫背景效果。演示 | 教程
通過使用 jQuery 為用戶提供實(shí)時(shí)評論預(yù)覽功能。演示 | 教程
16. Styling Drop Down Boxes With jQuery
由于選擇框很難使用 CSS 來定義樣式,本教程將告訴你如何使用文本框和無須列表代替選取框,然后根據(jù)需要定義樣式。演示 | 教程
17. Scrolling Dynamic Content Box
使用 Ajax 將內(nèi)容加載至滾動 DIV。就像谷歌閱讀器中當(dāng)你向下滾動時(shí),會自動加載更多項(xiàng)目。演示 | 教程
插件
1. Tipsy
呈現(xiàn) Facebook 風(fēng)格的工具提示插件,基于定位標(biāo)記的標(biāo)題屬性。演示 | 插件主頁
將 YouTube 鏈接列表轉(zhuǎn)換為播放列表,讓用戶能夠在網(wǎng)頁本身瀏覽視頻。演示 | 插件主頁
Superfish 菜單是一款易于使用的 jQuery 插件,可以將無須 HTML 列表轉(zhuǎn)換成漂亮的下拉菜單。插件主頁
4. Elastic
Elastic 是一款輕量級的 jQuery 插件,可使 textareas 根據(jù)內(nèi)容大小自動調(diào)整尺寸。演示 | 插件主頁
Anything Slider 是一款功能齊全的滑動門插件,易于定制并適應(yīng)你的網(wǎng)站。演示 | 插件主頁
6. Tweetable
使用 Tweetable 輕松快捷地在網(wǎng)頁上顯示 Twitter Feed 源,可選擇將 Twitter 用戶名和 URL 地址轉(zhuǎn)換為超級鏈接。演示 | 插件主頁
使用 jQuery Link Nudge 插件創(chuàng)建移動菜單欄,效果很漂亮。演示 | 插件主頁
8. TimePickr
如果需要將用戶系統(tǒng)時(shí)間作為表單輸入,使用此插件可以提供豐富的用戶界面,以便輸入時(shí)間。插件主頁
9. Truncatable
Truncatable 允許你在網(wǎng)頁中隱藏文本塊,并在需要時(shí)顯示。演示 | 插件主頁
10. Incremental Search For Select Boxes
此插件將普通的選擇框轉(zhuǎn)換成帶有增量搜索的組合框,如果選擇框有很多選項(xiàng),這會非常有用。演示 | 插件主頁
原文鏈接:http://www.mangguo.org/30-fresh-amazing-jquery-plugin-and-tutorial/
【編輯推薦】