原文:50+ Amazing Jquery Examples- Part1
jQuery是近段時間里比較流行的一個JavaScript框架，不斷有使用者開發(fā)出新的 jQuery插件。下面收集了50個開發(fā)者最喜歡使用的jQuery插件。這僅僅是第一個系列，你先品嘗，第二道大餐即將到來。
Sliding Panels －滑動門控制
1) Sliding Panels For jQuery -元素可以展開或關(guān)閉，創(chuàng)建出手風(fēng)琴的滑動效果。
(2) jQuery Collapse -這個jQuery插件同樣點(diǎn)擊后滑動展開或關(guān)閉DIV層。
Menu － 菜單
3) LavaLamp
(4) A Navigation Menu- 錨鏈接的無序列表嵌套, 可以添加2級菜單
(5) SuckerFish Style
Tabs - 選項(xiàng)卡
6) jQuery UI Tabs / Tabs 3 - 基于 jQuery 的一個Tab選項(xiàng)卡導(dǎo)航
(7) TabContainer Theme - 當(dāng)用戶在選項(xiàng)卡之間進(jìn)行切換時，產(chǎn)生JQuery風(fēng)格的淡出動效果。
Accordion－ 手風(fēng)琴效果
8 ) jQuery Accordion
Demo
(9) Simple JQuery Accordion menu
SlideShows － 幻燈片
10) jQZoom-讓你在你的網(wǎng)頁上很簡單的實(shí)現(xiàn)圖片的縮放功能。
(11) Image/Photo Gallery Viewer- 一個圖像/相片的畫廊展示插件。可以讓你對圖片進(jìn)行分組、并產(chǎn)生像Flash一樣的多種瀏覽特效。
Transition Effects - 過渡特效
12) InnerFade - 可以讓網(wǎng)頁中的任何元素產(chǎn)生淡化效果
(13) Easing Plugin-另外一個簡單的過渡效果插件
(14) Highlight Fade
(15) jQuery Cycle Plugin- 擁有多種過渡效果的一個Gallery插件。
奇幻的jQuery
16) Riding carousels with jQuery - 這個jQuery插件可以生成一個水平或垂直的列表，并且允許你控制DIV層的滑動顯示。
Demo :
Color Picker －拾色器
17) Farbtastic -這個 jQuery 插件可以讓你通過Javascript添加一個或多個拾色器widgets到一個頁面中。
Demo :
(18) jQuery Color Picker
LightBox －燈箱效果
19) jQuery ThickBox - is a webpage user interface dialog widget written in JavaScript.
Demo :
(20) SimpleModal Demos
- its goal is providing developers with a cross-browser overlay and
container that will be populated with content provided to SimpleModal.
Demo :
(21) jQuery lightBox Plugin
- simple, elegant, unobtrusive, no need extra markup and is used to
overlay images on the current page through the power and flexibility of
jQuery′s selector.
Demo :
(
iframe
22) JQuery iFrame Plugin
Form Validation -表單驗(yàn)證器
23) Validation - 有一套完整相當(dāng)?shù)男问津?yàn)證規(guī)則。該插件還動態(tài)地創(chuàng)建ID和聯(lián)系信息。
Demo :
(24) Ajax Form Validation - 在客戶端使用jquery驗(yàn)證的一種形式，它可以驗(yàn)證用戶名是否有效等。
Demo :
(25) jQuery AlphaNumeric -歡迎對對表單域中的某些字符進(jìn)行限制
Form Elements － 表單事件
(26) jquery.Combobox - 從現(xiàn)在的選擇元素中創(chuàng)建一個個性的HTML組合 Demo is here.
(27) jQuery Checkbox -樣式化選擇框，從而提高交互能力。
(28) File Style Plugin for jQuery -File Style插件讓你可以使用圖像做為文件瀏覽按鈕，你還可以樣式化文件名稱區(qū)域。
Star Rating － 星形評級系統(tǒng)
(29) Simple Star Rating System
30)Half-Star Rating Plugin
ToolTips －提示工具
31) Tooltip Plugin Examples - 一個花俏的提示應(yīng)用。 可以對提示信息進(jìn)行自定義位置, 設(shè)置陰影效果和添加更多內(nèi)容等.你可以點(diǎn)擊demo 演示.
(32) The jQuery Tooltip
Tables Plugins －表格插件
33) Zebra Tables Demo -使用jQuery來創(chuàng)建出斑馬線風(fēng)格的數(shù)據(jù)表格，鼠標(biāo)懸浮時能改變背景色。
Demo :
(34) Table Sorter Plugin - 把一個標(biāo)準(zhǔn)的HTML表格分解成Thead和Tbody標(biāo)簽構(gòu)成的分類表格，不需要刷新。它能夠成功地解析和整理多種類型的數(shù)據(jù)，包括聯(lián)系資料。
(35) AutoScroll for jQuery -可以生成網(wǎng)頁表格的熱點(diǎn)自動滾動效果
(36) Scrollable HTML table plugin- 用來轉(zhuǎn)換表格為普通的滾動HTML。不需要額外的編碼。
Demo :
Draggable Droppables And Selectables 拖拽
37) Sortables - 一個簡單強(qiáng)大的拖拽插件。
(38) Draggables and droppables- 這是一個很好的演示。用來實(shí)現(xiàn)拖拽樹形菜單項(xiàng)目的操作
Style Switcher － 切換風(fēng)絡(luò)
39) Switch stylesheets with jQuery允許訪客選擇他們喜歡的網(wǎng)站樣式，使用了Cookie記錄，也就是同一個用戶下次再訪問時，除非他不切換，否則會保留他選擇的樣式。
Demo演示.
Rounded Corners 圓角效果
40) jQuery Corner Demo
(41) JQuery Curvy Corners- 這個插件可以讓你生成光滑、無鋸齒的圓角效果。
Must See jQuery Examples 應(yīng)該了解的一些jQuery應(yīng)用實(shí)例
42) jQuery Air - 一個非常非常特別的客戶管理界面應(yīng)用插件，太特別了，太太太特別了。
Demo :
(43) HeatColor
Demo :
(44) Simple jQuery Examples
(45) Date Picker -一個靈活個性的jQuery日歷組件。
Demo :
(46) ScrollTo -這個jQuery插件可以讓你實(shí)現(xiàn)當(dāng)點(diǎn)擊鏈接時中滾動到頁面中的某一對象
(47) 3-Column Splitter Layout 一個3欄布局分配插件。
(48) Pager jQuery -一個小巧的 jQuery插件，用來增加分頁的頁碼效果
(49) Select box manipulation
(50) Cookie Plugin for jQuery
51) JQuery BlockUI Plugin
