150個javascript特效

1. simplyScroll

simplyScroll這個jquery外掛程式能夠讓任意一組元素產生滾動動畫效果，可以是自動、手動滾動，水平、垂直方向滾動。此外，它還可以接受動態圖片輸入通過Flickr供稿或一個本地JSON資料來源。

2. Animated Collapsible DIV

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

3. jQuery Pagination (示範地址)

jQuery分頁外掛程式

4. side bar menu using script.aculo.us (示範地址)

採用script.aculo.us開發的側邊滑條菜單。

5. mooSocialize

mooSocialize基於ajax的社會化網路書籤收藏控制項。

6. phatfusion Lightbox (示範地址)

這個Lightbox控制項基於Mootools開發，它在頁角上增加了向前/後退兩按紐並能夠用html來編寫描述說明。

7. MooTools Tooltip (示範地址)

利用Mootools開發的Tooltips控制項。

8. jNice (示範地址)

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

9. jQuery calculate (示範地址)

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

10. Mobile Tooltip widget (示範地址)

一個可以在圖片上顯示Tooltips的

11. jTip (示範地址)

jTip

12. CoolTips (示範地址)

CoolTips基於Prototype JS與script.aculo.us架構開發的Tooltips控制項。可自訂外觀，支援漸層效果（淡入淡出），支援的瀏覽器包括：firefox、Opera、Safari、Internet Explorer6

13. BetterTip (示範地址)

一個可以自訂Tooltip的jQuery外掛程式。基於jTip，但比它來得更加靈活。

14. Prototip (示範地址)

Prototip是一個基於Prototype Js架構開發用於建立簡單和複雜tooltips的小工具。如與Scriptaculous搭配使用，還可為其加入些漂亮的動畫效果。

15. BoxOver (示範地址)

使用javascript/DHTML開發Tooltips控制項。

16. Flot (示範地址)

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

17. jQuery lightBox plugin (示範地址)

一個簡單，強大基於jQuery開發的lightBox

18. jQuery select box (示範地址)19. FastFind Menu Script (示範地址)

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

20. GlassBox (示範地址)

GlassBox是一個簡潔的Javascript UI library。基於Prototype與Script.aculo.us開發。可以利用GlassBox來構建透明邊框，漂亮的布局和類似於Flash的效果。

21. JQuery Portlets (示範地址)

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

22. moowheel (示範地址)

基於MooTools1.2與對象開發，用於產生網狀連通圖的javascript library。

23. jstree (示範地址)24. Proto.Menu (示範地址)

Proto.Menu是一個採用prototype開發，輕量級右鍵菜單控制項。

25. jScrollPane (示範地址)

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

26. Lightbox (示範地址)

採用Prototype與Script.aculo.us開發的Lightbox.

27. Prototype UI (示範地址)

Prototype UI是一個基於Prototype(1.6)與Script.aculo.us(1.8)開發的Web UI組件庫。當前Prototype UI提供的模組有：Carousel、Modal window、Shadow和Context menu這些既可以打包使用，也可以拆開單獨使用.

28. Lytebox (示範地址)

Lytebox是一個不依賴prototype.js，effects.js和scriptaculous.js開發的.

29. Nifty Corners Cube (示範地址)

Nifty Corners Cube同樣也是一個不需要圖片就能夠為div添加圓角效果的js程式.

30. Corner.JS (示範地址)

這個JS程式能夠為圖片添加陰影漸層的圓角效果.

31. curvyCorners (示範地址)

curvyCorners是一個能夠為任何HTML DIV元素建立圓角效果JS程式。看起來跟採用圖片建立的圓角一樣好看.

32. Glossy Corners (示範地址)

能夠為圖片添加3D圓角效果的JS程式.

33. iCarousel (示範地址)

iCarousel是一個開源的javascript工具用於建立旋轉/輪播效果的控制項.

34. jCarousel (示範地址)

jCarousel是一個jQuery外掛程式用於控制一個清單項目的水平或垂直順序，清單項目的內容可以是靜態HTML內容或通過AJAX載入的內容。可以向前或向後滾動.

35. Slideshow 2! (示範地址)

Slideshow2!這個javascript工具能夠以投影片播放的效果展示一組圖片.

36. Carousel Component (示範地址)

這個carousel組件可以用於水平或垂直地展示一個內容列表（包含在UL中的一組HTML LI元素.

37. reflex.js (示範地址)

這個javascript指令碼能夠為圖片添加Cover Flow和倒影效果.

38. Open Flash Chart (示範地址)

Open Flash Chart是一個開源的Flash製圖組件。

39. jQchart (示範地址)

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

40. jQuery File Tree (示範地址)

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

41. Plotkit (示範地址)

PlotKit是一個純javascript繪圖工具包。它支援HTML Canvas和Adobe SVG.

42. NoobSlide (示範地址)

NoobSlide是一個基於mootools開發的圖庫控制項，提供7種不同的圖片播放方式。

43. Spacegallery-Jquery (示範地址)

一個採用jQuery開發，類似於Flash效果的圖庫（image gallery）。

44. 35mm Photo Viewer (示範地址)

35mm Photo Viewer是一個照片分組查看器。動態顯示縮圖可以用於在一個分組中快速可視化搜尋照片。

45. jQuery Slider Gallery (示範地址)

這是一個基於jQuery開發相簿控制項，類似於Apple網站上用於展示產品的效果。

46. E2 Photo Gallery (示範地址)

基於Mootools JavaScript架構開發的開源相簿控制項。

47. minishowcase (示範地址)

minishowcase是一個簡單，不需要資料庫支援和複雜編碼，簡單/易用的php/javascript online photo gallery。

48. TripTracker slideshow (示範地址)

TripTracker slideshow是一個輕量級JavaScript圖片查看器。具有幻燈放映動畫效果。

49. SmoothGallery (示範地址)

SmoothGallery是一個基於mootools開發具有投影片放映效果的JS相簿控制項。

50. jQuery Cycle Plugin (示範地址)

jQuery Cycle Plugin是一個slideshow外掛程式。支援多種變換效果：shuffle、zoom、fade、turnDown、curtainX、scrollRight。

51. Ingrid (示範地址)

這個jQuery DataGrid提供的功能有：可以拖動調整列寬，分頁，排序，設定行/列樣式等。

52. Carousel.us (示範地址)

Carousel.us是一個prototype.js和scriptaculous.js架構開發的Javascript 3D carousel。

53. Highslide JS (示範地址)

Highslide JS這個Lightbox控制項放置的內容不僅可以是圖片，還可以是HTML頁面、滾動的HTML頁面 、通過AJAX載入的內容、iframe、flash。

54. Effects Library – Spry (示範地址)

使用spry架構開發的14種不同的特效。

55. formsvalidation (示範地址)

使用Spry架構開發的Validation控制項。

56. jQuery.combobox (示範地址)

jQuery.combobox是一個採用jQuery開發的combobox控制項，可以使用CSS控制該combobox的外觀，可以設定各種不同風格的下拉動畫效果。

57. dTree (示範地址)

dTree是一個便於使用的JavaScript樹形菜單控制項。支援無限分級，可以在同一個頁面中放置多個dTree，可以為每個節點指定不同的表徵圖。

58. Yahoo! UI Library: TreeView (示範地址)

YUI TreeView Control這個樹形組件，支援通過XMLHttpRequest對象動態載入節點資料，自訂每一個節點metadata。

59. prettyPhoto (示範地址)

prettyPhoto是jQuery lightbox的一個“複製”。並增加動畫效果，圖庫瀏覽等特性。

60. prettyCheckboxes (示範地址)

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

61. ddMenu (示範地址)

ddMenu是一個基於Mootools開發的右鍵菜單，菜單的樣式可以通過CSS定製。

62. Flotr