2014年50個(gè)程序員最適用的免費(fèi)JQuery插件
有用的jQuery庫(kù)是設(shè)計(jì)師和開發(fā)者之間一個(gè)非常熟悉的短語(yǔ)。這是現(xiàn)在互聯(lián)網(wǎng)中***的JavaScript函數(shù)庫(kù)之一。每個(gè)設(shè)計(jì)師和開發(fā)人員都應(yīng)該知道它的重要性，而且熟悉它的功能和特點(diǎn)。
-
jQuery幾乎可以解決一個(gè)網(wǎng)站所有的問(wèn)題
-
它可以從做一個(gè)有吸引力和創(chuàng)意的網(wǎng)站解決所有那些阻礙你的問(wèn)題
-
如果你想解決任何跨瀏覽器的問(wèn)題，那就必須收藏使用JavaScript函數(shù)庫(kù)
jQuery庫(kù)是Web開發(fā)人員的重要來(lái)源。你會(huì)發(fā)現(xiàn)很多互聯(lián)網(wǎng)的jQuery插件都是免費(fèi)使用的，但發(fā)現(xiàn)這些優(yōu)秀的jQuery插件，需要你花費(fèi)許多時(shí)間，經(jīng)過(guò)許多個(gè)站點(diǎn)來(lái)了解***和***的jQuery庫(kù)。
所以，在今天的文章中，我們收集了許多最適合應(yīng)用在網(wǎng)站中的jQuery庫(kù)。你可以使用它們來(lái)為自己的網(wǎng)站添加很酷的效果。
1. Treed
Treed 可以用在你網(wǎng)站上的樹形編輯。它是可擴(kuò)展的，可定制的，功能強(qiáng)大且非常易于使用的插件。
2. jQuery Vibrate
這是專門為移動(dòng)設(shè)備建立的。它允許開發(fā)者在一個(gè)特定的時(shí)間周期的對(duì)任何設(shè)備進(jìn)行振動(dòng)操作。
3. Flight Indicators
這是一個(gè)非常容易使用的插件。您可以使用HTML，CSS3，jQuery和SVG圖像顯示高品質(zhì)的飛行指標(biāo)。.
4. jQuery LightSlider
Lightslider可以為你網(wǎng)站提供自適應(yīng)和可觸摸的內(nèi)容滑塊。帶滑動(dòng)和淡入淡出效果，它與所有主流瀏覽器兼容。
5. jQuery GoUp!
這是一個(gè)非常簡(jiǎn)單而且易于使用的插件。它可以讓您的網(wǎng)站訪問(wèn)者直接返回到頁(yè)面的頂部點(diǎn)擊。
6. Image Cropper
這個(gè)jQuery插件允許你裁剪網(wǎng)站上的圖像。它還提供了一些選項(xiàng)和預(yù)覽。還可以設(shè)置高度和寬度。
7. Devrama Slider
Devrama是一個(gè)自適應(yīng)圖像滑塊插件。支持圖片和HTML內(nèi)容。而且?guī)в懈鞣N過(guò)渡效果。
8. jQFader
jQFader是一個(gè)非常簡(jiǎn)單的插件，可以讓網(wǎng)站的元素在實(shí)現(xiàn)淡出效果。風(fēng)格樸素而且簡(jiǎn)單易用，非常適合在您的網(wǎng)站。
9. Forkit
Forkit.js是一個(gè)展示動(dòng)畫絲帶的jQuery插件，可以為訪客帶來(lái)額外的驚喜內(nèi)容。它通常被放置在右上角。
10. Vertical News Slider
正如其名稱所暗示的，是一個(gè)基于jQuery和CSS3的滑塊，顯示新聞標(biāo)題左側(cè)同時(shí)預(yù)覽的選項(xiàng)，并簡(jiǎn)要總結(jié)。
#p#
11. Looking For
這是一個(gè)允許在頁(yè)面上的列表項(xiàng)搜索文本的jQuery插件，它同時(shí)也隱藏了那些不匹配的項(xiàng)目。
12. Browser Swipe
這個(gè)插件允許你滾動(dòng)時(shí)禁用在網(wǎng)站上觸控板刷卡事件。根據(jù)鼠標(biāo)滾輪和上下滾動(dòng)控制它的反應(yīng)。
13. Chicken Dinner
ChickenDinner是一個(gè)獨(dú)特的jQuery插件。它允許隨機(jī)從客戶端陣列通過(guò)圖像標(biāo)記或背景加載圖像。
14. Flicker Plate
這是一個(gè)自適應(yīng)和易于使用的jQuery插件。它可以讓你在一個(gè)頁(yè)面上翻頁(yè)瀏覽網(wǎng)頁(yè)上的內(nèi)容。
15. SVGMagic
要SVG圖像轉(zhuǎn)換成PNG？使用這個(gè)簡(jiǎn)單的jQuery庫(kù)。如果你瀏覽器不支持SVG格式，它可以搜索你網(wǎng)站上SVG圖像，并將其轉(zhuǎn)換為PNG圖片。
16. lazyYT
這個(gè)jQuery插件是用來(lái)延遲加載YouTube視頻的。在***次加載時(shí)，格將被替換的視頻預(yù)覽圖片，點(diǎn)擊后，將自動(dòng)播放。
17. ScrollMagic
有了這個(gè)插件，當(dāng)內(nèi)容向下滾動(dòng)到一個(gè)特定的位置，你可以控制與用戶不同的交互元素，動(dòng)畫炫酷，等等，。
18. RowGrid
RowGrid是一個(gè)把圖片或者其他元素在一條直線排在您的網(wǎng)站的jQuery插件。這是一個(gè)小而易用的工具。
19. Remodal
這個(gè)jQuery插件用于散列跟蹤和聲明式狀態(tài)符號(hào)。它是自適應(yīng)，扁平化，易于定制的插件。
20. Panorama Viewer
這是一個(gè)非常有用的jQuery插件。它允許你在網(wǎng)站插入全景照片展示更多的獨(dú)特的感覺。
#p#
21. Floatlabels
這是一個(gè)對(duì)開發(fā)者非常熟悉的jQuery插件。當(dāng)用戶相互關(guān)聯(lián)的任何文本，占位符值向上移動(dòng)時(shí)會(huì)顯示在上面鍵入的文本。
22. Fluidbox
這是一個(gè)非常有用的jQuery插件。它復(fù)制并提高了在它鏈接到更大的分辨率圖像的方式看到介質(zhì)流體燈箱模塊。
23. Headroom
Headroom.js可以幫助你保持網(wǎng)站主內(nèi)容貼近用戶的主導(dǎo)航。當(dāng)網(wǎng)站向下滾動(dòng)時(shí)，它自動(dòng)縮回；當(dāng)向上滾動(dòng)時(shí)，它自動(dòng)顯示。
24. A-Slider
A-Slider 是一個(gè)自適應(yīng)的簡(jiǎn)單滑塊，它也支持音頻，而且非常容易使用，可以高度可配置的使用HTML的功能。
25. CoverflowJS
這是的CoverFlow項(xiàng)目，允許你通過(guò)結(jié)合jQuery的UI組件和CSS3樣式的來(lái)創(chuàng)建一個(gè)功能齊全的“CoverFlow”的效果。
注：cover flow是蘋果首創(chuàng)的將多首歌曲的封面以3D界面的形式顯示出來(lái)的方式。
26. jQuery URLive
這個(gè)jQuery插件非常類似于Facebook帖子的附件功能。它允許你創(chuàng)建任意URL的基于其開放式圖形屬性實(shí)時(shí)預(yù)覽。
27. BttrLazyLoading
這個(gè)插件允許Web應(yīng)用程序只加載那些視窗內(nèi)的圖像。可以有不同版本的圖像在四個(gè)不同的屏幕尺寸。
28. jQuery Collapser
這個(gè)jQuery插件可以讓你用文字，字符和線條來(lái)靈活的折疊元素的文本。它具有多種函數(shù)來(lái)實(shí)現(xiàn)一個(gè)段落的折疊功能。
29. Parallax ImageScroll
這個(gè)插件可以創(chuàng)建一個(gè)圖像的視差效果。它使用簡(jiǎn)單，并提供了許多選項(xiàng)進(jìn)行修改。還可以使用動(dòng)畫和CSS3樣式。
30. Block Scroll
這個(gè)jQuery插件打破了頁(yè)面中一小部分內(nèi)容的更好展示。通過(guò)一次顯示的元素作為一個(gè)屏幕，使整個(gè)頁(yè)面自動(dòng)適應(yīng)。
#p#
31. Full Page Image Slideshow
整個(gè)頁(yè)面的允許自動(dòng)擴(kuò)展圖像幻燈片的jQuery插件，自動(dòng)填補(bǔ)顯示器。圖像可以放大和縮小進(jìn)入視野。
32. EasyTree
EasyTree是一個(gè)用來(lái)在你的網(wǎng)站上設(shè)計(jì)轉(zhuǎn)換UL列表或JSON的一個(gè)樹形菜單的jQuery插件。它是非常容易使用，并且對(duì)所有人完全免費(fèi)。
33. Mapsed
Mapsed可以讓你在地圖上選擇地方變得很容易。您還可以添加和編輯自定義的地方，可以彌補(bǔ) Google Places API。
34. Radiant Scroller
有了這個(gè)jQuery插件，你可以使用網(wǎng)格和水平布局創(chuàng)建一個(gè)具有自動(dòng)響應(yīng)的滾動(dòng)效果。它可以與各種選項(xiàng)和一些API方法來(lái)修改。
35. Image Lightbox
這是一個(gè)僅供圖像燈箱效果的小插件。它在沒有標(biāo)題和導(dǎo)航按鈕的情況下極其簡(jiǎn)單。它反應(yīng)靈敏，觸摸友好的，并在適用于所有主要的移動(dòng)操作系統(tǒng)。
36. Mr.JsonTable
這個(gè)jQuery插件非常簡(jiǎn)單易用。你可以從JSON數(shù)據(jù)中使用分頁(yè)和排序的優(yōu)勢(shì)來(lái)建立HTML頁(yè)面。你還可以隱藏列。
37. ImageFit
這是一個(gè)對(duì)開發(fā)者來(lái)說(shuō)非常方便的jQuery插件。它簡(jiǎn)單，輕便。它允許你在網(wǎng)站上用任何方式把圖像適用在任何地方。
38. Bootstrap Validator
當(dāng)你想用驗(yàn)證選項(xiàng)來(lái)創(chuàng)建一個(gè)網(wǎng)站時(shí)，這個(gè)jQuery插件是非常有用的。它有許多內(nèi)置選項(xiàng)。很容易使用和理解。
39. Resize End Plugin
這是用于加載后調(diào)整瀏覽器窗口大小的有用插件。你可以輕松地處理或調(diào)整完成后的事件。
40. Adaptive Backgrounds
這是個(gè)用來(lái)從圖像中提取最適合的顏色的jQuery插件，并將其應(yīng)用到它的父元素的背景總。
#p#
41. FormChimp
這是個(gè)可以自定義定制的MailChimp 的jQuery插件。使用ajax為用戶登錄Mailchimp列表提供了一種簡(jiǎn)單的方法。
42. Password Peekaboo
這個(gè)jQuery插件用來(lái)暫時(shí)顯示密碼字段，如果用戶想看到它。用戶可以看到自己的密碼與躲貓貓功能。
43. Selectonic
這個(gè)jQuery插件通過(guò)鼠標(biāo)和鍵盤來(lái)實(shí)現(xiàn)可選的項(xiàng)目清單。你可以在不同的網(wǎng)絡(luò)應(yīng)用程序使用一個(gè)像菜單窗口小部件和下拉菜單等。
44. Sudoku
這個(gè)jQuery插件用于播放或演示創(chuàng)建自定義的數(shù)獨(dú)布局。它是自適應(yīng)的。主題顏色也非常漂亮。
45. Elevate Zoom
這個(gè)jQuery插件允許你創(chuàng)建圖像縮放界面。它是高度可定制的，很容易在你的網(wǎng)站使用。為了獲得***效果，請(qǐng)使用兩個(gè)圖像。
46. Wanker.js
這個(gè)插件在設(shè)計(jì)你的公共服務(wù)公告會(huì)非常有用。你可以顯示你的工作，并使用這個(gè)插件讓你的訪客專注于你的工作。
47. Form Autofill
這個(gè)jQuery插件對(duì)Web開發(fā)人員來(lái)說(shuō)非常有用。這是一個(gè)簡(jiǎn)單的自動(dòng)填寫數(shù)據(jù)的空白表單。對(duì)程序員來(lái)說(shuō)也是非常容易使用的。
48. Image Map Resize
這個(gè)插件可以讓你保持縮放到圖像的尺寸的HTML圖像映射。當(dāng)窗口大小改變時(shí)，它會(huì)更新圖像映射的坐標(biāo)，。
49. jQuery Full Screen Nav
這個(gè)jQuery插件會(huì)實(shí)現(xiàn)一個(gè)<nav>菜單覆蓋整個(gè)屏幕，同時(shí)它會(huì)計(jì)算頁(yè)面加載的時(shí)候窗口的大小從而調(diào)整鏈接的大小。
50. SuzhouKada
這個(gè)jQuery插件可以讓你填寫你的網(wǎng)站鏈接后點(diǎn)擊一下就可以看到的鏈接所指的網(wǎng)站預(yù)覽圖片。
總結(jié)
在這篇文章中，我們分享了一些有用的jQuery庫(kù)，你可以用在你的網(wǎng)站上來(lái)解決任何問(wèn)題。我們希望所有的這些插件可以增強(qiáng)你的網(wǎng)站性能，并給用戶帶來(lái)一個(gè)良好的體驗(yàn)。所有這些jQuery插件是非常有用的，能創(chuàng)造性的讓您的網(wǎng)站變得更加好看。
如果您認(rèn)為我們已經(jīng)錯(cuò)過(guò)了一些優(yōu)秀的插件，當(dāng)然你可以隨意添加自己喜歡的jQuery插件的到這個(gè)列表中，這樣所有其他的設(shè)計(jì)師和開發(fā)人員也可以使用在他們的網(wǎng)站上面。你可以通過(guò)簡(jiǎn)單地在下面的評(píng)論中提供你收藏的jQuery插件做到這一點(diǎn)。
注：原文參考自：50 Most Useful jQuery Libraries 。本文由欲思原創(chuàng)編譯，部分翻譯刪改。
轉(zhuǎn)載請(qǐng)注明：欲思博客 » 2014年50個(gè)程序員最適用的免費(fèi)JQuery插件
