jQuery外掛程式（2）

轉自：哪來的都有 ：-）

jquery外掛程式(2)

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

導航類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

jQuery plugin: Treeview

這個外掛程式能夠把無序列錶轉換成可展開與收縮的Tree。

jQuery plugin: Treeview

  FastFind Menu Script

可拖動的嵌套菜單表單，基於動態"AJAX"響應。

FastFind Menu Script

iconDock

iconDock一個基於jQuery開發的Fisheye menu。

iconDock
jQuery UI Tabs

jQuery UI Tabs：一個功能強大，便於使用的Tab控制項。

jQuery UI Tabs

jstree

jsTree是一個基於jQuery的Tree控制項。支援XML，JSON，Html三種資料來源。提供建立，重新命名，移動，刪除，拖"放節點操作。可以自己自訂建立，刪除，嵌套，重新命名，選擇節點的規則。在這些操作上可以添加多種監聽事件。

jstree
 
jQuery File Tree

jQuery File Tree是一個可配置的Ajax檔案瀏覽器jQuery外掛程式。可以通過CSS定製外觀，指定檔案樹展開表徵圖，可以自己定義展開／收縮事件、速度，配置載入資訊等。 jQuery File Tree通過Ajax來擷取檔案資訊。

jQuery File Tree

Superfish

jQuery菜單外掛程式。支援水平/垂直方向。彈出子功能表不會被<SELECT>標籤擋住。

Superfish

accordion menu

Accordion風格的jQuery菜單。

accordion menu
CSS Dock Menu

採用jQuery+CSS實現，仿Mac Dock Menu的一個導覽功能表。

CSS Dock Menu

CheckTree

帶Checkbox的樹型jQuery外掛程式。

CheckTree
idTabs

idTabs是一個能夠建立簡單到複雜Tab控制項的jQuery外掛程式。支援動態添加和選擇Tab，idTabs能夠綁定到不同的事件如mouseover。

idTabs
jQuery Context Menu

jQuery Context Menu是一個右鍵菜單外掛程式。通過非常少的設定就能夠輕鬆實現右鍵菜單功能。

jQuery Context Menu
jQuery Right-click

這個外掛程式能夠讓你使用jQuery來捕獲由滑鼠右鍵觸發的事件。這些事件包括：click、mouseup、mousedown。

jQuery Right-click

jQuery Multi Level CSS Menu

這是一個多級水平CSS菜單，利用規則嵌套的HTML列表標籤建立。當子功能表靠近表單右邊緣時，將自動調整展示方面。

jQuery Multi Level CSS Menu

ListNav

ListNav是一個用於建立按字母順序分類導航的jQuery外掛程式。

ListNav

Simpletip

Simpletip是一個基於jQuery開發的Tooltips控制項。Tooltips可以附在任意元素（標籤）之上。並定製展示方式與位置。tooltips可以是靜態，動態或通過Ajax載入。

Simpletip

Smooth Navigation Menu

Smooth Navigation Menu是一個採用jQuery開發，基於CSS的多層級網站導覽功能表。功能表項目的內容既可以直接從當前頁面中擷取，也可以從一個外面檔案或通過Ajax擷取。

Smooth Navigation Menu
jdMenu

jdMenu是用於建立水平/垂直分層下拉式功能表的jQuery外掛程式.支援通過Ajax載入功能表項目，自訂動畫效果，易於定製外觀，支援相對(relative)與絕對(absolute) 定位等。

jdMenu

jqDock

這是一個能夠將一組圖片轉換成類似於Mac風格魚眼菜單(Dock Menu)的jQuery外掛程式。菜單可以是水平方向或垂直方向。

jqDock

 

  Animated Menu using jQuery

A technique for animating menu items when a user hovers over them.Source files, including the PSD file, are available to download.

View Demo Page

 

 Garagedoor Effect using jQuery

Gaya Kessler presents a wonder JavaScript menu that mimics the real garage door using jQuery.

View Demo Page

 

JGlide Menu

A very unique menu that floats on the page. Users can drag it to a position they desire.

View Demo Page

 

 Vertical Sliding jQuery Menu

HVDesigns presents a menu that drops down and reveals more links.

View Demo Page

 

LavaLamp

When you hover an item, you’ll see the CSS sliding door technique created using jQuery. An alternate version for MooTols can be here.

 

 

11. Sliding JavaScript Menu Highlight

This sliding hover effect script is an easy technique for highlighting menu items.

12. Fading Menu - Replacing Content

This technique allows you to fade in and fade out menu items.

View Demo Page

13. Simple Multi-level Drop-Down Menu

A simple JavaScript drop down menu tutorial.

14. Using jQuery for Background Image Animations

A technique for creating animated menus using jQuery and CSS background-position properties.

View Demo Page

 

1. Tabpanel - jerichotab

   詳細介紹 | 線上示範

   :
   
   簡介:
   jerichoTab是一款類比 firefox 標籤頁的外掛程式, 通過豐富的API可以輕鬆的實現動態添加, 刪除, 啟用tab, 當tab頁過多時會在左右兩段增加捲軸...
   導航:

 

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

驗證類 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

jQuery plugin: Validation

jQuery校正外掛程式。

jQuery plugin: Validation
Masked Input Plugin

Masked Input這個jQuery外掛程式讓使用者能夠按照預先設定好的固定格式輸入資料(如日期、電話號碼等)。

Masked Input Plugin

jQuery password strength meter

用於檢測密碼強度的jQuery外掛程式。

jQuery password strength meter

jVal

jQuery表單校正外掛程式。

jVal

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

圖表類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Flot

Flot一個純javascript繪畫庫，基於jQuery開發。它能夠在用戶端根據任何資料集快速產生圖片。目前只能繪製線狀圖和柱狀。

Flot
jQchart

基於Canvas+jQuery，可拖放/互動的簡單圖形控制項。

jQchart

jquery.sparkline

這是一個用於產生迷你型線狀圖的jQuery外掛程式。

jquery.sparkline

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Form相關類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

  jNice

建立自訂外觀的Form元素，功能與正常的Form元素相似。

jNice

 

jQuery calculate

jQuery計算外掛程式，提供一些常用的數學計算功能比如：Sum、Average、Min、Max等。

jQuery calculate

jQuery select box

模仿HTML select box實現功能的一個下拉式功能表。

jQuery select box
prettyCheckboxes

一個簡單的jQuery外掛程式用於定製checkboxe和radio按紐的外觀。

prettyCheckboxes
jGrow

jGrow這個jQuery外掛程式能夠讓textarea根據文本的長度自動調整它的大小。

jGrow

jQuery Form Plugin

為表單(Form)提供全面Ajax支援，包括檔案上傳功能的jQuery外掛程式。提供的方法/功能包括：ajaxForm、ajaxSubmit、formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、clearFields、resetForm。這些方法能夠讓你輕鬆地管理Form中的資料和Form無重新整理提交。

jQuery Form Plugin

 

mcDropdown jQuery Plug-in

mcDropdown是一個獨特的UI控制項，它能夠讓使用者在一個複雜分級的樹形下拉選項中進行選擇。

mcDropdown jQuery Plug-in

Create A Slider From A Select Box

這是一個漂亮的jQuery外掛程式能夠自動將select boxes轉換成一個sliders控制項。

Create A Slider From A Select Box

TextArea Resizer

這個jQuery外掛程式提供Resizer bar可拖動調整TextArea大小。

TextArea Resizer

jQuery MultiSelect

jQuery MultiSelect是一個可配置的jQuery外掛程式。它將普通的列表框表單控制項轉換成帶有CheckBox的下拉式清單控制項。

jQuery MultiSelect
Editable(jQuery Editable Plugin)

這是一個真正可定製的jQueryeditableplugin。當前它能夠將任意不可編輯的標籤（span、div、p...等）轉換成可編輯的textinput、password、textarea、下拉式清單（drop-downlist）等標籤。你可以利用它的editableFactory對象來擴充添加自己所需的inputtype。

Editable(jQuery Editable Plugin)

NicejForm

NiceJForm 是一個擁有完美外形的表單，它是基於jquery庫的，NiceJForms實際上是個jquery外掛程式，用來使表單看起來更為美觀。這不是最終版本，我知道可以通過多種途徑改良它的指令碼，但是至少，這是一個可以使用的穩定版本。非常感謝Lucian Slatineanu發布的NiceJForm，在他的blog中你可以獲得更多資訊。
在IE6，IE7，Firefox2.0中測試成功。

NicejForm

jScrollPane

jScrollPane這個jQuery外掛程式可以讓你通過簡單的CSS設定就能夠替換所有分塊元素在瀏覽器中預設的垂直捲軸樣式。

jScrollPane

利用jQuery製作類似skype的按鈕效果.

 

示範：
http://www.cssrain.cn/demo/skypebuttons/SkypeButton.html
http://www.cssrain.cn/demo/skypebuttons/SkypeButton2.html

 

 

1. jCheckbox:

   :
   
   簡介:
   jCheckbox用於類比checkbox的效果, 方便開發人員自訂外觀, 由於所有的屬性都綁定到目標checkbox, 所以不必擔心狀態儲存或取值的問題...
   導航:
   詳細介紹 | 線上示範

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

上傳類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

jqUploader

結合Javascript與Flash開發，擁有上傳進度條的檔案上傳控制項。

jqUploader

jQuery Multiple File Upload Plugin

多檔案上傳外掛程式（jQuery.MultiFile）能夠讓使用者一次性選擇多個要上傳的檔案。此外該外掛程式還提供一些基本的校正功能比如：副檔名校正。

jQuery Multiple File Upload Plugin

jQuery: Ajax file upload

Ajax檔案上傳外掛程式讓使用者能夠很方便地上傳多個檔案而無需重新整理頁面。此外，可以使用任何元素（圖片，文字，按紐等）來觸發檔案選擇視窗。

jQuery: Ajax file upload

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

時間日期類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

 

jQuery UI Datepicker

基於jQuery開發的日期選擇控制項。

jQuery UI Datepicker

Date Picker

Date Picker一個採用jQuery開發的日期選擇控制項。支援同時顯示多個月份日曆，標記特殊日期，易於通過CSS定製外觀，自訂周的第一天，自訂月份和星期的顯示名稱。

Date Picker

Date Range Picker

基於jQuery UI1.6與jQuery UI CSS架構開發的日期選擇控制項。

Date Range Picker

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

圓角類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

jQuery Corner

不需要圖片就能夠建立各種圓角形狀的jQuery外掛程式。

jQuery Corner

JQuery Curvy Corners

用於建立圓角的jQuery外掛程式。壓縮之後大小隻有9k。

JQuery Curvy Corners

jQuery Corner

更多圓角效果的jQuery外掛程式。

jQuery Corner

jQuery Corners

這是一個用於建立漂亮圓角效果的jQuery外掛程式。不需要用到圖片或其它特殊的標籤。

jQuery Corners

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

評價類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

jQuery Ajax Rater Plugin

能夠動態建立Ajax Rater的jQuery外掛程式。

jQuery Ajax Rater Plugin

Star Rating widget

採用jQuery架構開發的評價控制項。

Star Rating widget

  jQuery Star Rating Plugin

Star Rating Plugin是一個基於一組radio input boxes實現的星形評價控制項。

jQuery Star Rating Plugin

Ajax Poll

利用jQuery的Ajax和動畫效果並給合PHP開發的投票系統。

Ajax Poll

 

jQuery 投票調查組件

主要功能:

測試答題框

可作心理測試等測試題使用

問題和選項通過questions.xml設定

顯示當前得分

顯示當前答題進度

可作翻看選過的選項

通過不同的得分調取不同結果內容

DEMO 地址 靜態版本

DEMO 地址 XML 版本

檔案打包下載

下面是裝載XML 版本的代碼 完整的代碼請 打包下載

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

虛擬鍵盤類

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

 

在進行一些高安全性 Web 設計時，為了使用者輸入表單資訊的安全，往往不希望使用者直接通過實體滑鼠進行操作，而是提供額外的 Web 虛擬滑鼠來協助使用者完全某些隱私表單內容的輸入，所以，就用到了本文提及的3個 JavaScript 安全虛擬鍵盤外掛程式。

自訂 jQuery 虛擬小鍵盤外掛程式 plugin

jQuery 小鍵盤 是一個用於建立安全表單輸入的外掛程式工具，提供友好的鍵盤介面介面。使得可以僅允許使用者輸入數字、字母等限制性操作。

jQuery 虛擬鍵盤

 一個建立 jQuery 虛擬鍵盤 的學習嚮導，教你一步一步地建立自己的jQuery 虛擬鍵盤，而且必須得 JavaScript 指令碼可以免費下載。安全性高的 Web 虛擬鍵盤在金融類網站的和要求高安全性的表單操作中應用非常廣泛。所以，學會如何編寫一個優秀的Web 安全虛擬鍵盤非常有用。

Virtual keyboard 虛擬鍵盤

虛擬鍵盤被廣泛應用在極進階別的網站開發中，包括線上銀行類網站應用程式等。Virtual keyboards 能協助我們防止鍵盤操作記錄，阻止使用者進行某些特殊按鍵的限制操作， virtual keyboard 使用簡單，支援多種語言。

 

 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

其它類 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 

jquery-aop

為 JavaScript增加面向方面編程特性的jQuery外掛程式。它能給任何函數添加Advices(Before、<>與Around)。

jquery-aop

xmlObjectifier

基於jQuery開發，能夠把XML DOM轉換成 JSON的JavaScript library。

xmlObjectifier

JQuery Portlets

這個jQuery外掛程式提供一些Portlets功能包括：drag/drop，expand，collapse等。

JQuery Portlets

EasyDrag jQuery Plugin

這個jQuery Plugin能夠為大部DOM元素添加拖放功能。

EasyDrag jQuery Plugin

1. Drag and Drop:

   :
   
   簡介:
   dragndrop為開發人員實現dom拖拽提供了更簡單的方法, 並可以監視對象dom的位置以便進行資料(position)儲存...
   導航:
   詳細介紹 | 線上示範

 

1. Resizable:

   :
   
   簡介:
   resizable外掛程式使html dom resize更易於實現(這句話真彆扭)...
   導航:
   詳細介紹 | 線上示範

jFeed

jFeed是一個基於jQuery開發的RSS/ATOM Feed解析器。 jFeed能夠解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。

jFeed
jQuery.UI ProgressBar Widget

採用jQuery開發的進度條控制項。

jQuery.UI ProgressBar Widget

JQuery Progress Bar

基於jQuery開發的進度條控制項。在其網站上提供一個可以顯示檔案上傳進度的例子，伺服器端採用PHP處理。

JQuery Progress Bar

jQuery Form Plugin

jTemplates

基於jQuery開發的javascript模板引擎。

jTemplates

Animated Collapsible DIV

為任何DIV層添加Web2.0風格的動畫隱藏/顯示效果。

Animated Collapsible DIV
Simple Effects Plugins

jQuery特效外掛程式，可以實現收縮，隱藏，顯示，淡入/淡出和上下滑動效果等．

Simple Effects Plugins
 
jQuery.Hotkeys plugin

這個jQuery外掛程式能夠協助你快速建立鍵盤觸發事件。支援任意按鍵組合。

jQuery.Hotkeys plugin

jMP3

jMP3是一個採用jQuery開發的JavaScript MP3插放器，提供一種可以在頁面上直接播放MP3的簡便方式。

jMP3

Pure

Pure是一個基於jQuery開發，能夠動態產生HTML的JavaScript模板引擎。支援JSON資料。

Pure
Chain.js

Chain.js是一個提供資料繫結功能的jQuery外掛程式。用於自動產生Web內容，有利於資料與表現相分離。

Chain.js

ppDrag

ppDrag是一個讓頁面元素擁有拖移（Drag&Drop）效果的jQuery外掛程式。

ppDrag

jqDnR

jqDnR一個輕量級jQuery外掛程式能夠讓你拖拽任何元素、調整元素大小。

jqDnR

Scroll Follow

Scroll Follow是一個簡單的jQuery外掛程式。當滾動頁面時，能夠讓DOM對象產生浮動跟隨效果。

Scroll Follow

jQuery Taconite Plugin

這個jQuery外掛程式能夠利用單個Ajax調用結果同時更新多個DOM對象。

jQuery Taconite Plugin

jQuery URL Parser

用於解析URLs字串的jQuery外掛程式。方便你擷取協議,主機,連接埠,查詢參數,檔案名稱,路徑等。

jQuery URL Parser

jQuery.xml2json

jQuery.xml2json是一個能夠將簡單的XML轉換成JSON對象的jQuery外掛程式。

jQuery.xml2json

Ajaxify

Ajaxify這個jQuery外掛程式能夠將一個頁面中的所有連結轉換成Ajax載入和提交請求。

Ajaxify

 

 

jQuery Address - Deep linking plugin。 從 CssRain.cn 作者：cssrain@gmail.com(admin)類似於瞄點技術( url#address )，使得瀏覽器的後退按鈕生效。在Ajax應用中，可以使用。

 

示範：
http://www.asual.com/jquery/address/samples/tabs/
http://www.asual.com/jquery/address/samples/api/

下載：
http://www.asual.com/jquery/address/

 
quickSearch

quickSearch，顧名思義是一個jQuery驅動的快速搜尋外掛程式，Ajax顯示搜尋結果。

quickSearch | Demo