隨著 jQuery 的插件日多,要在官方的 wiki 上找到自己想要的插件已經變得十分困難。所以整理了一份常用的 jQuery plugin列表,方便自己找資料,也順便溫習一下 jQuery ,免得老是重造別人造過的輪子 (重造很易,Fix bug 才要命…)。
1. jQuery UI

由 jQuery 官方所整理的 UI 插件包。包括拖放、排序、Resize、Dialog、Slider等常見UI控件。
2. Interface elements for jQuery

另一個比較老的 jQuery UI控件及特效庫。
3. jQuery Plugin and Demo

幾個十分優秀的 UI Plugin。包括 Block UI、Cycle Plugin、Feed Plugin等。
4. SuckerFish Style

下拉目錄。雖然不是很難做的技術,但能省下很可觀的 Fix bug 的時間。
5. jQuery UI Tabs

已經收錄在官方 UI 插件包。
6. jQuery Cycle Plugin

可以用在 photo gallery 中,極度強大。
7. jCarousel

剛剛要用到這個插件。
8. Inner Fade

無需再用 Flash 來做漸隱漸現的效果囉。
9. ThinkBox 3.1

常用到爆的ThickBox,已經是很完美的版本。
10. Validation

表單驗證
11. tablesorter

表格排序
12. Zebra Table

間條的表格,不錯的效果。
13. jQuery Tooltips

Tooltips
14. JQuery Curvy Corners

圖角效果。雖然不喜歡,但收下來以防萬一有客方要求「Web2.0 Style」….XD
15. jQuery Scroll To

平滑地 scroll to somewhere
16. Block UI

把某個部份 Block 掉的插件,可能有用。
17. hoverIntent
為hover加上delay的功能。
沒有留言:
發佈留言