摘要：隨著 jQuery 插件在網(wǎng)站建設(shè)過(guò)程中的使用率不斷的增加，所以有必要跟進(jìn)時(shí)代步伐開(kāi)發(fā)出一些新的插件 / 代碼片段，以此來(lái)鞏固并提高前端用戶(hù)體驗(yàn)，將用戶(hù)體驗(yàn)提升到一個(gè)新的高度。
　　隨著 jQuery 插件在網(wǎng)站建設(shè)過(guò)程中的使用率不斷的增加，所以有必要跟進(jìn)時(shí)代步伐開(kāi)發(fā)出一些新的插件 / 代碼片段，以此來(lái)鞏固并提高前端用戶(hù)體驗(yàn)，將用戶(hù)體驗(yàn)提升到一個(gè)新的高度。
　　接下來(lái)所推薦的這些插件中有滑塊、地圖、圖片旋轉(zhuǎn)塊等等，可以說(shuō)是最好的、完全免費(fèi)的 jQuery 插件。
　　1. Flat jQuery Price Slider 實(shí)例|下載
　　這個(gè) jQuery 價(jià)格滑塊可以在一定范圍內(nèi)選擇需要的價(jià)錢(qián)，不管你是做開(kāi)發(fā)項(xiàng)目的還是設(shè)計(jì)項(xiàng)目，它都會(huì)起很大的作用。記住，這個(gè)插件完全免費(fèi)。
　　GMaps.js 是一個(gè) JavaScript 插件，通過(guò)它可以很容易地在你的應(yīng)用程序中使用谷歌地圖，并包含了多個(gè)選項(xiàng)，如地圖、方向、信息框等等。它的腳本是由很少的代碼和簡(jiǎn)潔文檔構(gòu)成的。因?yàn)榘惭b操作很簡(jiǎn)單，所以要想讓代碼實(shí)現(xiàn)功能就得自己動(dòng)手。
　　3. FormChimp —— MailChimp Ajax plugin for jQuery 實(shí)例|下載
　　FormChimp 是 jQuery 里的一個(gè)可定義的 MailChimp Ajax 插件，為用戶(hù)提供一個(gè)簡(jiǎn)便的注冊(cè)方式，這樣的話用戶(hù)在你的 MailChimp 列表里注冊(cè)就不是一件麻煩的事了。
　　此 jQuery 插件具有的觸摸功能可以讓用戶(hù)創(chuàng)建出好看的響應(yīng)式旋轉(zhuǎn)滑塊。
　　這個(gè)輕量級(jí)的 jQuery 插件能檢查文本文檔里的單詞拼寫(xiě)的正確性，主要是用在一個(gè)表單字段里或者是在 DOM 目錄里。
　　Chart.js 是一個(gè)令人印象深刻的 JavaScript 圖表庫(kù)，建立在 HTML5 Canvas 基礎(chǔ)上。目前，它支持 6 種圖表類(lèi)型：折線圖、條形圖、雷達(dá)圖、餅圖、柱狀圖和極地區(qū)域區(qū)。而且，這是一個(gè)獨(dú)立的包，不依賴(lài)第三方 JavaScript 庫(kù)，小于 5KB。顏色，字體，邊框和它們的尺寸都可以定制，圖表可以動(dòng)畫(huà)的形式加載，非常炫。
　　這個(gè)插件會(huì)建議你或者是直接在郵件地址欄里自動(dòng)填寫(xiě)完域名。
　　你可以用這個(gè)插件做一些可拖動(dòng)的 jQuery 代碼片段。
　　這是一個(gè)為電腦和移動(dòng)設(shè)備上的瀏覽器而制作的可拖放、重置大小、調(diào)整手勢(shì)的插件。
　　它是一個(gè)極簡(jiǎn)單的 JavaScript 類(lèi)庫(kù)，主要是為現(xiàn)代瀏覽器和觸摸設(shè)備而制定的。
　　大小只有 800bytes gzipped 的輕量級(jí) jQuery 插件用處是把圖片或其它項(xiàng)目排版在連續(xù)的行內(nèi)。
　　這個(gè)插件可以在容器里隨機(jī)排版這些相片，當(dāng)你選中了一個(gè)項(xiàng)目的時(shí)候它就會(huì)移動(dòng)到屏幕中間，其它項(xiàng)目自動(dòng)閃到旁邊。
　　操作上比較簡(jiǎn)單，沒(méi)有任何麻煩，重新設(shè)置圖像大小和對(duì)圖片進(jìn)行修剪，這些都是基于 pseudo 視圖而做的。
　　這一滑塊插件允許在一條選擇線上做出多個(gè)滑塊，這些滑塊可以用來(lái)代表位置、尺寸、舉例等等，同時(shí)還可以在滑塊上做標(biāo)簽或者是懸浮標(biāo)題。
　　Freewall 是一個(gè)跨瀏覽器、響應(yīng)式的 jQuery 插件，可以創(chuàng)建出多種多樣適用在電腦、移動(dòng)設(shè)備和平板電腦上的網(wǎng)格布局。
　　這個(gè)只有 1.58kb gzipped 大小的插件，可以讓用戶(hù)創(chuàng)建一個(gè)帶有搜索功能的簡(jiǎn)單的圖標(biāo)選擇器放在管理列表里。
　　這個(gè)插件會(huì)讓用戶(hù)使用 Bootstrap 的模型更加熟練。
　　Tabelizer 1.0.3 ——用在表格上的多層次分組指標(biāo)器。
　　FaceBadge 可以在用戶(hù)網(wǎng)站上添加了一個(gè) Facebook 頁(yè)面標(biāo)記，用起來(lái)更省事。
　　這是一個(gè)用來(lái)裁剪圖片的 jQuery 插件，效果超出你想象。
　　這個(gè)插件主要是為了讓在不同設(shè)備上的 Google Drive 能夠同步協(xié)作，傳輸文件等等，包括是 Android 設(shè)備。
　　這項(xiàng)插件的設(shè)計(jì)之初就是希望所有人都能使用它，它的界面主要是基于 Twitter Bootstrap 的風(fēng)格而設(shè)計(jì)，所以看起來(lái)比較親切。
　　看上去很簡(jiǎn)單，但是很時(shí)髦的一個(gè)插件，使用了一些 CSS3 和 jQuery 技術(shù)，擁有自定義字體和令人影響深刻的標(biāo)記圖案。
　　這只是一個(gè)很小的字符計(jì)數(shù)器的實(shí)驗(yàn)版本。
　　25. Magnifying Glass Plugin with jQuery and CSS3 項(xiàng)目主頁(yè)
　　這是一個(gè)簡(jiǎn)單的小插件，基于 TCP 的排版設(shè)計(jì)。
　　本文為 CSDN 編譯整理，未經(jīng)允許不得轉(zhuǎn)載，如需轉(zhuǎn)載請(qǐng)聯(lián)系 market#csdn.net ( # 換成 @ ) 
原文地址：http://iphone.myzaker.com/l.php?l=53227b951bc8e0e5668b4567