15 個最新的 jQuery外掛

　　現如今，jQuery被認為是網頁開發的主心骨。它是一個精煉的JavaScript庫，可以極大簡化頁面在事件處理、動畫、Ajax互動方面的設計和開發工作。

　　隨著越來越多的jQuery外掛的出現，開發者們可以很輕易地將所需要的元件整合進他們的導航選單、logo、表格化佈局、簡短的文字，使其擁有指定的大小或是為其建立一系列的滑動效果，以迎合網站的主題。

　　jQuery的出現豐富了網頁的應用和開發，促使了多功能、視覺效果絢麗的網站的出現。本文我們列舉了 15個截至2013年11月為止最新的jQuery外掛 ，合理利用這些外掛將會極大地增強網頁的表現力，突出網站主題。

　1. Maplace.js

　　Maplace.js是一個運用於Google地圖之上的外掛，它可以幫助你將谷歌地圖嵌入你的頁面並在地圖上快速建立標記點和控制選單。為了使外掛生效，你需要同時在頁面中引入JQuery檔案和Google地圖API v3。外掛支援標記、自定義圖示、縮放控制和自定義控制選單。外掛在MIT許可協議下提供。

　　資源連結  

　2. Auto Fix Anything

　　本外掛將使你頁面上任何容器僅通過一句JS呼叫就能自動適應你網站的任何位置。有了這個外掛，你就可以動態地調整容器的顯示效果。外掛將會自動檢測何時應該做出調整以適應當前頁面。該外掛已在Chrome, Firefox, and Safari 等桌面瀏覽器通過測試。

　　資源連結  

　3. Bigfoot

　　頁面上的腳註往往讓人覺得反感：你需要點選某個很小的數字，跳轉到頁面底部的某個地方，在一堆註釋中找到你要的那個，看完註釋後再點選某個連結回到剛才瀏覽的地方。Bigfoot外掛旨在簡化整個過程。它會自動檢測文字內容和腳註連結，在使用者點選腳註編號後，將註釋以彈出氣泡的方式顯示給使用者。

　　資源連結  

　4. Stickup

　　你可以方便地自定義任何元素，在使用者滾動視窗經過該元素的時候將其固定在瀏覽器的頂部。此外掛特別適用於導航選單、logo和聯絡資訊，這將使使用者能始終看見這些內容。

　　資源連結  

　5. Free Wall

　　Freewall是一個相容不同瀏覽器的可響應的jQuery外掛，它可以幫助你建立不同的網格佈局：可伸縮佈局、圖片佈局、巢狀網格、流體網格、混合網格等。你也可以通過CSS3的運動效果和回撥事件，做出類似Pinterest的佈局。Freewall是一個一體化解決方案，為桌面應用、手機應用和平板應用提供了便利的建立動態網格佈局的手段。

　　資源連結  

　6. Power Ranger

　　Power Ranger是一個輕量級jQuery外掛，它可以幫助使用者調整input控制元件的大小以適應不同長度的字元。它完美地支援了input標籤的max/min屬性，並在HTML5中表現良好。Power Ranger已在Firefox 22、Chrome和Safari 6等瀏覽器中通過測試。

　　Source

　7. Ion.Sound

　　Ion.Sound 是一個用來為事件配音的jQuery外掛。它已在Google Chrome，Mozilla Firefox，Opera，Safari，IE(9.0+)和手機原生瀏覽器上通過測試。在MIT協議下，Ion.Sound可以免費使用。

　　資源連結  

　8. Succinct

　　Succinct是一個用來擷取部分文字的小外掛。它將你的文字縮短至指定的大小，然後再結尾加上省略號。你可以指定頁面上你想簡略化的元素作為選擇器，為其指定需要顯示的文字的大小。

　　資源連結  

　9. Circletype.js

　　Circletype.js 是一個輕量級jQuery外掛，它可以將內容以圓的方式呈現。在某些情況下，此外掛特別有用，而且它只有2.7kb大小。它有許多可設的引數：可以輕鬆地將文字按以往CSS的方式呈現；可以逆向旋轉文字；可以認為設定圓心，也可以自動生成……Circletype.js也可以於與 FitText.js 整合。

　　資源連結  

　10. Slippery

　　Slippry 是一個擁有很多先進特點的圖片長廊外掛。首先，它使用HTML5和CSS3編寫而成，在響應式佈局方面表現良好。它可以通過Sass或CSS重新設計外觀並擁有包括Ken Burns 效果在內的諸多轉場動畫。圖片轉換可以設為自動進行，可以顯示標題和前進、後退等導航控制按鈕。本外掛也為主事件設計了回撥方法，並寫了相關示例和相關說明文件。

　　資原始檔  

　11. SlideMe

　　SlideMe是可響應的、相容CSS3的jQuery滑動外掛，它支援全屏顯示和視窗顯示。通過它可以讓頁面通過CSS3的轉換方式垂直或水平滑動，同時支援頁碼顯示。外掛提供了控制滑動的函式（前、後），利用回撥函式實現對應功能。

　　資源連結  

　12. Glide.js

　　Glide.js是一個輕量級（4.5kb）可用來建立滑動效果的jQuery外掛。它由使用者自定義OOCSS框架構成，使用了CSS3轉換模式，最後迴歸由JavaScript操作。滑動是可響應的，它將會自動適應所有硬體裝置並支援觸控控制。你可以通過鍵盤、點選事件或按鈕和箭頭的輔助實現滑動導航。Glide.js提供了一系列支援這些操作的API（播放、暫停、下一個、前一個等）。

　　資源連結  

　13 jQuery Selectric

　　jQuery Selectric 是一個簡化使用者格式化和操作HTML選擇器的jQuery外掛。它極容易被定製、足夠的輕量級並且還支援鍵盤快捷鍵操作。

　　資源連結  

　14. Formatter.js

　　Formatter.js 是一個簡單的jQuery外掛用以規範化使用者的輸入。例如：如果你的使用者輸入了一串電話號碼，Formatter.js將會在其中合適的地方插入破折號和括號。

　　資源連結  

　15. Alpaca

　　Alpaca一個用jQuery編寫的形式建立庫（form-creation-library），旨在通過分割資料和佈局重新生成指定形式。通過將預定義形式的JSON變換成為功能完備的形式，使用者可以輕易地使用CSS指定它的樣式，這就為在不同裝置上重用同一段程式碼提供了可能性（手機、平板、PC等）。此外掛已預先封裝了控制、嚮導、佈局、支援國際化的EJS引擎（I18N supportand pluggable template engines for EJS）、Handlerbars 和 jQuery.tmpl

　　資源連結  

　　原文地址：http://codegeekz.com/top-jquery-plugins/