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