40個值得你關注的jQuery外掛程式，40值得jQuery外掛程式

40個值得你關注的jQuery外掛程式，40值得jQuery外掛程式

jQuery開發人員社區應該是網站開發中最勤奮和活躍的社區之一了。他們源源不斷的為我們提供免費而又實用的外掛程式。我把最近搜集到的40個非常實用的外掛程式分享給大家。

 

一、滾動外掛程式

jQuery Waypoints

Waypoints 是一個 jQuery 用來實現捕獲各種滾動事件的外掛程式，例如實現無翻頁的內容瀏覽，或者固定某個元素不讓滾動等等。支援主流瀏覽器版本。

 

 

 

skrollr

視差滾動效果JavaScript類庫-Skrollr，提供各種滾動特效精心開發5年的UI前端架構！

 

 

二、文章表格

 

Handsontable

一個最簡的類似 Excel 的 HTML 表格編輯解決方案。Handsontable是一個相當給力的 jQuery 外掛程式，它實現了 HTML 頁面中的表格編輯功能，並且是仿 Excel 的編輯效果。在 Excel 中可進行的操作，你幾乎都可以在網頁中做到，如拖動複製、Ctrl+C 、Ctrl+V 等等。另外在瀏覽器支援方面，它支援以下的瀏覽器 IE7+, FF, Chrome, Safari, Opera。

 

 

jQuery Sparklines

一個jQuery外掛程式的視覺化檢視 ，jQuery Sparklines可以協助使用者在頁面種產生靜態或動態波譜圖表效果。這個工具他形容三個特點為："凸現資料顯示，設計簡單，能提供文字大小圖片"。相容目前絕大多數流行的瀏覽器：Firefox 2+, Safari 3+, Opera 9 and Internet Explorer 6 & 7 & 8等。精心開發5年的UI前端架構！

 

 

Teamwork Gantt

甘特圖的jquery版本，對於一個免費軟體來說非常好了。（本人也不知道什麼是甘特圖，求科普）

 

 

DataTables

DataTables是一個jQuery的表格外掛程式。這是一個高度靈活的工具，依據的基礎逐步增強，這將增加先進的互動控制，支援任何HTML表格。主要特點：

• 自動分頁處理

• 即時表格資料過濾精心開發5年的UI前端架構！

• 資料排序以及資料類型自動檢測

• 自動處理列寬度

• 可通過CSS定製樣式

• 支援隱藏列

• 易用

• 可擴充性和靈活性

• 國際化

• 動態建立表格

• 免費的

 

arbor.js

Arbor.js 提供了高效的，力導向布局演算法，圖形組織抽象和螢幕重繪處理等功能，是一個基於jquery和Web多線程技術的可視化Javascript圖形庫。這個類庫並不強制指定繪圖方式，你可以在canvas, svg, 甚至指定的HTML標籤上進行繪圖。 Arbor.js讓你把更多的精力放在圖形資料和樣式上，而不必浪費時間在物理數學演算法上。

 

 

三、布局外掛程式

 

Wookmark jQuery Plugin

Wookmark jQuery plugin 是一個用來實現現在很流行的瀑布流的網頁布局效果的 jQuery 外掛程式。精心開發5年的UI前端架構！

 

 

jQuery Masonry

jQuery Masonry是一個jQuery布局外掛程式，它根據一個網格將元素先垂直後水平排列，盡量減少各種不同高度元素之間的垂直空白。

，看了下面這張對比圖你就知道它的用途：

 

Isotope

Isotope絕對是一個令人難以置信的jQuery外掛程式，你可以用它來建立動態和智能布局。你可以隱藏和顯示與過濾項目，重新排序和整理甚至更多。同時Isotope還有許多很酷的動畫。精心開發5年的UI前端架構！

 

 

 

FitVids.JS

如果你需要你的視頻能夠自動適應網頁的寬度,FitVids.js這個jquery外掛程式可以協助你

 

 

 

gridster.js

gridster.js 是一個 jQuery 外掛程式用來構建直觀的可拖放的布局，支援多欄版面配置，你還可以動態添加和刪除表格中的元素，非常好的外掛程式。

 

 

Freetile.js

Freetie來自於Assemblage 和 Assemblage Plus的內建布局引擎，設計構想來自於Masonry，VGrid和Wookmark，但是和他們相比較，擁有以下獨特的地方：

• 允許包含任何尺寸的元素，並且不要求一個固定的列寬度，因此你不需要指定列寬度來迎合你的元素大小

• 內建演算法允許你很容易的自訂插入的位置，滿足不同喜好的展示方式。例如，向左或者向靠右對齊，或者接近特定元素。

• 智能的動畫方式能夠很好的判斷是否需要動畫特效。例如，剛加入的元素和不可見的元素。精心開發5年的UI前端架構！

• 只要使用Assemblage 和 Assemblage Plus模板的網站都在使用它，所以說非常穩定。

 

 

四、文字外掛程式

 

jQuery TextExt Plugin

jQuery TextExt ， 這個外掛程式能夠有效協助你快速添加標籤，並且提供相關的強大的協助工具功能，協助你有效輸入，自動補齊提示及其提供AJAX支援。

 

 

 

Jeditable

 jeditable是一個jquery外掛程式，它的優點是可以就地編輯，並且提交到伺服器處理，是一個不可多得的就地編輯外掛程式。(註： 就地編輯，也有稱即時編輯？一般的流程是這樣的，當使用者點擊網頁上的文字時，該文字就會出現在一個編輯框中，使用者對文字進行修改完成後點擊提交按鈕，新的文本將發送到伺服器上，然後表單消失，顯示最新編輯的文本。

 

 

FitText

FitText 是一個非常有趣的工具，它支援自動調整文字大小。

 精心開發5年的UI前端架構！

 

 

 

五、UI外掛程式

 

jQuery Knob demo

 如果你也在尋找一款產生漂亮旋鈕(knob)的jQuery外掛程式的話，那麼jQuery knob肯定是一個不錯的選擇。它使用canvas協助我們產生超酷的旋鈕特效，你可以使用外掛程式選項或者HTML5的data屬性來自訂設定外掛程式屬性，方便簡捷並且優雅。

 

 

noty – A jQuery Notification Plugin

一款jQuery的訊息提示外掛程式 。使用它能夠協助我們快速建立，警告，提示和錯誤資訊框。大家肯定都使用過預設的alert（‘..’）代碼吧，使用Nody能夠建立出漂亮功能更強大的訊息提示。

 

 

 

 

PageSlide

它可以控制一個隱藏頁面的顯示和關閉。具體來說，就是當前頁佔一個完整頁面，隱藏頁是看不到的，你設定一個控制的地方，點擊該控 制時觸發事件，隱藏的頁面就彈出來。再次點擊隱藏頁面以外的空間，它就又關閉。

這適合在有限的空間裡，在首頁裡放重要內容，而隱藏頁放一些並不一定要顯示，而是有需要的使用者才去展開顯示的內容。精心開發5年的UI前端架構！

 

 

 

jQuery Collapse

jQuery Collapse 是一個輕量級的 jQuery 外掛程式用以對元素進行展開和收合的功能，支援 Cookie 進行狀態儲存。

 

 

 

Avgrund

Avgrund 是一個 jQuery 用來顯示模態彈窗的外掛程式，支援包括 IE6 在內的流行瀏覽器，要求 jQuery 1.4+ ，檔案很小，只有 2kb。

 

 

 

jQuery One Page Navigation

單頁面設計最近越來越流行了，使用單頁面的網站簡單優雅並且易於維護，你不需要修改很多檔案來做日常維護，而且使用超酷的動態滾動方式來展示你的個人網站或者公司網站，的確是一個非常不錯的選擇，今天這裡我們介紹給大家一款非常不錯的單頁面滾動式導航jQuery外掛程式 - jQuery one page nav，希望大家能夠應用到自己的網站設計和開發中。精心開發5年的UI前端架構！

 

 

開發一個頁面可以多次使用的jquery外掛程式需要注意什？

出現你這種情況很可能是範圍或執行內容的問題，因為看不到你代碼，只能給出我的建議:
在外掛程式內部使用new關鍵字聲明執行個體，如
假設你的外掛程式的主函數是 func
那麼，外掛程式化的時候 使用new func()
 
開發一個頁面可以多次使用的jquery外掛程式需要注意什？

注意公用的變數不要重複了啊，你可以參考這個文章： www.gbin1.com/...ugins/， 協助你開發高品質的jQuery外掛程式