2011年最佳jQuery外掛
阿新 • • 發佈:2019-02-08
1、3D浮動效果的圖片牆
1、3D浮動效果的圖片牆
這個外掛(http://ajoin.it/mipage/3dGalleyView/1.x/1.1/)實際上是利用jQuery做的一個圖片牆的效果,如上圖所示,使用者可以設定要展示的圖片,然後可以自由拖動圖片選擇,在拖動時會發現有很COOL的圖片移動的效果,當移動到想看的圖片後,可以點檢視,即可放大圖片。
2、jQuery手風琴圖片展示控制元件
該控制元件實現的是一個象手風琴拉箱似的圖片展示效果(http://flcomponents.net/Components/Item/JQuery_Accordion_Gallery),如上圖所示,當滑鼠點某張圖片時,圖片將自右向左滑動展示,並顯示該圖片的說明文字,而當點選已經看過的圖片時,就會象手風琴拉箱一樣,圖片自左向右滑動顯示。
3、超級簡單的幻燈播放器
這個幻燈播放器可以說是超級簡單了(http://wex.im/slider/),實際大小才2K多,很容易理解,實現的效果是圖片自右向左移動。
4、一個簡單的淡入淡出效果圖片輪播器
在這個控制元件中(http://www.simplefadeslideshow.com/)提供了簡單的圖片輪播功能,有向前和向後的箭頭,以及按頁瀏覽的功能,每張圖片之間的切換有淡入淡出的效果。
5、簡單的下拉擴充套件面板外掛
這是一個很簡單的但功能十分強大的下拉擴充套件面板(http://neilgirardi.com/jqueryplugin/),當點每個面板的標題欄時,可以自動向下展開展示具體的內容,再次點選則摺疊收縮回去。
6、jQuery 命令列模擬解析器
這是一個jQuery命令列模擬解析器(http://plugins.jquery.com/project/Terminal),它的功能是可以在這個解析器下,可以用命令列輸入的方式,去呼叫json-rpc服務甚至是你自己定義的功能,
7、jQuery分隔符外掛
這個外掛十分實用(http://nuyensgert.be/projects/numpad-decimal-separator/),可以自定義分隔符,然後該外掛會把輸入的字串用分隔符分割,如上圖所示。
8、jQuery批註外掛
這個外掛(http://bazze.se/dev/in-page-edit/)十分適合用在一些文章的內容頁中,如上圖所示,它提供一個小圖示(比如鉛筆),當點這個小圖示時,會彈出一個文章內容的編輯框,在這個編輯框中,可以象普通的多功能文字編輯器那樣對文章進行編輯,十分方便。
9、jQuery顏色拾取器
這是一個十分簡單的jQuery顏色拾取器(http://jquery.webspirited.com/2010/12/jquery-color-picker/),對各樣瀏覽器的相容性很強。
10、表格輸入控制元件
這是一個方便使用者在表單中輸入內容的jQuery控制元件(http://nekman.se/demo/tableInputstep.php),使用者可以在不同行之間輸入內容並且進行切換,而且支援鍵盤的方向鍵進行操作。
11、表單嚮導外掛
這個外掛(http://thecodemine.org/#_demoForm=first)可以很方便的為你設計一個使用者表單嚮導。
12、jQuery圖片標籤外掛
在這個外掛中(http://www.extrafull.com/igorcrevar/photo-tagging-like-facebook-jquery-plugin/),使用者可以很方便地在一張圖片中任意通過滑鼠拖拉切割圖片的某個部分,然後還可以選擇儲存該部分,或者進行編輯,功能十分強大,而且能相容各類瀏覽器。
13、多功能選擇框
這個外掛(http://www.extrafull.com/igorcrevar/demos/selectionbox/#)提供了一個下拉的多功能選擇框,可以實現的是下拉多選,在輸入框中輸入部分字母就能自動完成等多種功能。
1、3D浮動效果的圖片牆
這個外掛(http://ajoin.it/mipage/3dGalleyView/1.x/1.1/)實際上是利用jQuery做的一個圖片牆的效果,如上圖所示,使用者可以設定要展示的圖片,然後可以自由拖動圖片選擇,在拖動時會發現有很COOL的圖片移動的效果,當移動到想看的圖片後,可以點檢視,即可放大圖片。
2、jQuery手風琴圖片展示控制元件
該控制元件實現的是一個象手風琴拉箱似的圖片展示效果(http://flcomponents.net/Components/Item/JQuery_Accordion_Gallery),如上圖所示,當滑鼠點某張圖片時,圖片將自右向左滑動展示,並顯示該圖片的說明文字,而當點選已經看過的圖片時,就會象手風琴拉箱一樣,圖片自左向右滑動顯示。
3、超級簡單的幻燈播放器
這個幻燈播放器可以說是超級簡單了(http://wex.im/slider/),實際大小才2K多,很容易理解,實現的效果是圖片自右向左移動。
4、一個簡單的淡入淡出效果圖片輪播器
在這個控制元件中(http://www.simplefadeslideshow.com/)提供了簡單的圖片輪播功能,有向前和向後的箭頭,以及按頁瀏覽的功能,每張圖片之間的切換有淡入淡出的效果。
5、簡單的下拉擴充套件面板外掛
這是一個很簡單的但功能十分強大的下拉擴充套件面板(http://neilgirardi.com/jqueryplugin/),當點每個面板的標題欄時,可以自動向下展開展示具體的內容,再次點選則摺疊收縮回去。
6、jQuery 命令列模擬解析器
這是一個jQuery命令列模擬解析器(http://plugins.jquery.com/project/Terminal),它的功能是可以在這個解析器下,可以用命令列輸入的方式,去呼叫json-rpc服務甚至是你自己定義的功能,
7、jQuery分隔符外掛
這個外掛十分實用(http://nuyensgert.be/projects/numpad-decimal-separator/),可以自定義分隔符,然後該外掛會把輸入的字串用分隔符分割,如上圖所示。
8、jQuery批註外掛
這個外掛(http://bazze.se/dev/in-page-edit/)十分適合用在一些文章的內容頁中,如上圖所示,它提供一個小圖示(比如鉛筆),當點這個小圖示時,會彈出一個文章內容的編輯框,在這個編輯框中,可以象普通的多功能文字編輯器那樣對文章進行編輯,十分方便。
9、jQuery顏色拾取器
這是一個十分簡單的jQuery顏色拾取器(http://jquery.webspirited.com/2010/12/jquery-color-picker/),對各樣瀏覽器的相容性很強。
10、表格輸入控制元件
這是一個方便使用者在表單中輸入內容的jQuery控制元件(http://nekman.se/demo/tableInputstep.php),使用者可以在不同行之間輸入內容並且進行切換,而且支援鍵盤的方向鍵進行操作。
11、表單嚮導外掛
這個外掛(http://thecodemine.org/#_demoForm=first)可以很方便的為你設計一個使用者表單嚮導。
12、jQuery圖片標籤外掛
在這個外掛中(http://www.extrafull.com/igorcrevar/photo-tagging-like-facebook-jquery-plugin/),使用者可以很方便地在一張圖片中任意通過滑鼠拖拉切割圖片的某個部分,然後還可以選擇儲存該部分,或者進行編輯,功能十分強大,而且能相容各類瀏覽器。
13、多功能選擇框
這個外掛(http://www.extrafull.com/igorcrevar/demos/selectionbox/#)提供了一個下拉的多功能選擇框,可以實現的是下拉多選,在輸入框中輸入部分字母就能自動完成等多種功能。