150個JS特效腳本

收集了其它一些不太方便歸類的JS特效，共150個，供君查閱。

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 (演示地址)

Flotr是一個基於Prototype開發的javascript繪圖工具。支持圖例，鼠標跟蹤，圖片區域選擇，圖片縮放，添加事件鉤子（event hook），經過CSS設置樣式等。

63. Galleria (演示地址)

Galleria是一個採用jQuery開發的圖片展現插件。它經過縮略圖導航一張一張的顯示大的圖片。支持經過CSS設置整個相冊的風格。可以按比例建立縮略圖並剪切成適合在縮略圖容器中顯示的小圖片。可以觸一些事件，所以能夠在圖片加載時執行一些動做。

64. Open Flash Chart2 (演示地址)

Open Flash Chart2是依據Open Flash Chart1.x徹底從新構建的一個Flash圖表繪製組件。與1.x版本最大不一樣之處在於把數據格式改爲JSON，以實現一些更酷的功能。該版本所有采用Actionscript3開發,Adobe Flex編譯。

65. jGrow (演示地址)

jGrow這個jQuery插件可以讓textarea根據文本的長度自動調整它的大小。

66. jQuery Flash Plugin (演示地址)

一個jQuery插件用於在頁面中嵌入Flash影片。

67. Fonshen JS MenuTree (演示地址)

風聲JS菜單樹,程序基於JavaScript/XHTML/CSS標準實現。支持豐富的功能/表現定製：擁有表現和數據分離，單頁面能夠應用多個無限級菜單樹，多達4種展開模式，風格樣式定義結構清晰、靈活又精細等等特性。

68. jSuggest (演示地址)

模仿Google Suggest功能的AutoComplete jQuery插件。

69. ClearBox JS (演示地址)

用於展現圖片的Lightbox控件，效果很是炫相似於Flash。

70. Milkbox (演示地址)

Milkbox基於Mootools1.2框架開發的Lightbox控件。

71. FancyBox (演示地址)

基於jQuery開發的Lightbox插件。支持對放大的圖片添加陰影效果，對於一組相關的圖片添加導航操做按紐，該Lightbox除了可以展現圖片以外，還能夠展現iframed內容， 經過CSS自定義外觀。

72. dwProgressBar (演示地址)

dwProgressBar一個可動態顯示完成百分比的MooTools進度條。

73. Tooltip for forms (演示地址)

當Forms中的某項元素得到焦點時候，會出現一個消息提醒框（Tooltips）。

74. Ext.ux.GuiDesigner (演示地址)

一個用於設計ExtJS用戶界面的設計器。設計的結果將保存在一個JSON文件中，而後能夠在jsonpanel或jsonwindow中運行它。

75. InnerFade (演示地址)

InnerFade這個jQuery插件可以讓任意一組元素（img，div等）實現淡入淡出播放效果。

76. Simple Effects Plugins (演示地址)

jQuery特效插件，能夠實現收縮，隱藏，顯示，淡入/淡出和上下滑動效果等．

77. GT-Grid (演示地址)

78. Dragable RSS boxes (演示地址)

可拖放的Ajax RSS閱讀器，頁面效果相似於iGoogle個性化首頁。

79. FlowPlayer (演示地址)

FlowPlayer是一個開源的Flash視頻播放器。提供全部你可能須要的功能而且這些功能均可以經過JavaScript按你的實際需求進行配置。提供良好的用戶體驗，支持預加載，長時間播放，播放列表，全屏播放模式等。

80. jGrowl (演示地址)

jGrowl用於製做消息彈出框的jQuery插件。產生效果的相似於Mac OSX系統中Growl事件通知框架。

81. Password Strength Checker (演示地址)

Password Strength Checker是一個用於驗證密碼強度JavaScirpt組件。

82. Growl (演示地址)

Growl基於mootools開發，它可讓你建立淡入淡出的提示信息效果。

83. jQuery Multiple File Upload Plugin (演示地址)

多文件上傳插件（jQuery.MultiFile）可以讓用戶一次性選擇多個要上傳的文件。此外該插件還提供一些基本的校驗功能好比：文件擴展名校驗。

84. TiltViewer (演示地址)

3D Flash圖片查看程序。

85. Masked Input Plugin (演示地址)

Masked Input這個jQuery插件讓用戶可以按照預先設定好的固定格式輸入數據(如日期、電話號碼等)。

86. jQuery password strength meter (演示地址)

用於檢測密碼強度的jQuery插件。

87. LightWindow (演示地址)

LightWindow是一個基於Prototype

88. TafelTree-view (演示地址)

TafelTree-view是一個基於Prototype與Script.aculo.us開發的樹形控件。支持拖放操做，Ajax更新節點等。

89. Zoki Poll (演示地址)

Zoki Poll是一個PHP-Ajax投票腳本，其數據存儲在一個XML文件中。投票結果以具備動畫效果的進度條展現．Zoki Poll擁有一個基於cookie的防重複投票系統。

90. Slideflow (演示地址)

Slideflow是一個具備相似於slideshow效果ajax Image Gallery相冊。

91. Polaroid Gallery (演示地址)

Polaroid Gallery是一個Free Flash相冊，具備飛濺的展現效果。圖片來自XML定義文件或者Flickr。

92. dfGallery (演示地址)

dfGallery是一個強大，但易於使用的flash gallery。dfGallery能夠從

93. Star Rating widget (演示地址)

採用jQuery框架開發的評價控件。

94. SHJS (演示地址)

SHJS這個JavaScript腳本可以對須要嵌在HTML文檔中顯示的各類程序語言源代碼按各自的語法進行着色。當支持的程序源碼包括：

95. UniTip (演示地址)

UniTip是一個易於實現和定製，支持多瀏覽的tooltip腳本。UniTip使用PNG的透明性來建立tootip氣泡。

96. Magnify (演示地址)

Magnify是一個可以在圖片上添加放大鏡功能的jQuery插件。

97. Superfish (演示地址)

jQuery菜單插件。支持水平/垂直方向。彈出子菜單不會被標籤擋住。

98. jVal (演示地址)

jQuery表單校驗插件。

99. ppDrag (演示地址)

ppDrag是一個讓頁面元素擁有拖移（Drag

100. jqDnR (演示地址)

jqDnR一個輕量級jQuery插件可以讓你拖拽任何元素、調整元素大小。

101. JUSH (演示地址)

JUSH是一個採用JavaScript開發的程序源碼語法加亮顯示控件。它可以高亮顯示HTML、CSS、JS、PHP和SQL腳本。除了語法高亮顯示功能以外，它可以鏈到語法對應的API文檔上。

102. ProtoForm (演示地址)

基於Prototype框架開發，提供Form校驗與Ajax提交功能。可以校驗輸入框中否必填，校驗Email，日期，電話號碼和URL等格式是否正確。利用Ajax發送數據，顯示請求響應，加亮獲取焦點的輸入框等。

103. Date Picker (演示地址)

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

104. Create A Slider From A Select Box (演示地址)

這是一個漂亮的jQuery插件可以自動將select boxes轉換成一個sliders控件。

105. Sliding Photograph Galleries (演示地址)

這個Gallery可以以水平/垂直摺疊效果展現圖片，當鼠標移到圖片上時展開/撐大。

106. jsSHA

jsSHA是哈希家族SHA的完整JavaScript實現。包括：SHA-一、SHA-22四、SHA-25六、SHA-384和SHA-512。

107. Amberjack (演示地址)

一個只有 4K 的微型 JavaScript 庫，能夠爲你的網站添加漂亮的教程功能，一個模式窗口會以教程的形式顯示任意內容，教程中的步驟能夠經過手工編碼實現或在線自動生成。可使用主題或 CSS 控制內容的格式。

108. jsMath (演示地址)

jsMath提供一組可以在網頁中生成複雜數學符號的方法。支持多種經常使用的瀏覽器。

109. jQuery Context Menu (演示地址)

jQuery Context Menu是一個右鍵菜單插件。經過很是少的設置就可以輕鬆實現右鍵菜單功能。

110. simpleCart(js)

simpleCart(js)是一個輕量級（10.5kb），簡潔的購物車JS應用程序。它使用cookies來存儲購物車數據，並支持經過PayPal來支付。

111. 龍博AJAX框架 (演示地址)

龍博AJAX框架是跨瀏覽器的JavaScript框架集，構建富web應用的利器.

112. WWW SQL Designer

WWW SQL Designer是一個基於Web的可視化SQL建模工具。這個工具可以讓你利用瀏覽器設計數據庫結構（E-R圖）。將設計導出成SQL腳本。支持MySQL、MSSQL、SQLite與Web2py。

113. Table Drag and Drop JQuery plugin

這個jQuery插件可以爲HTML表格添加行拖放(Drag and Drop)功能.

114. Flash Video Player

這是一個能夠嵌到Wordpress博客中使用的Flash視頻播放器。支持自定義外觀，水印Logo，海報框和浮動控制按紐。

115. FleaIM

FleaIM是一個基於Web的即時聊天工具，界面和功能與MSN類似。

116. Solitaire game (演示地址)

基於DHTML JavaScript實現的Web版紙牌遊戲.

117. jQuery UI.Layout (演示地址)

這是一個模仿ExtJS區域佈局(Border Layout)實現的jQuery UI頁面佈局管理器。簡單易於使用，東南西北中5個區域能夠嵌套使用，外觀能夠經過CSS控制。

118. Build a Web 2.0 Document Search Site (演示地址)

在這篇文章中介紹瞭如何利用jQuery建立一個按文檔擴展名進行過濾的文檔搜索界面。經過這篇文章將會學習到較多的jQuery使用技巧和技術。

119. jQuizMe (演示地址)

jQuizMe是一個採用jQuery開發的Web測驗程序。支持的測驗題型包括：填空，多選擇，判斷，Flash Cards等。

120. Create a Realistic Hover Effect With jQuery (演示地址)

利用jQuery爲一組圖標連接添加當鼠標移過期，圖標會產生向上升起 倒影的效果。

121. MopBox (演示地址)

MopBox是一個可拖曳的模式對話框，對話框中的內容能夠包含div、image、flashmovie、video等。假如其還擁有多個子項，在模式對話框中會自動出現滑動導航條。

122. dhtmlxLayout (演示地址)

dhtmlxLayout是一個支持多種佈局的Web UI組件。佈局中的面板能夠拖拉伸縮，隱藏。可以很方便與dhtmlxGrid、dhtmlxTree、dhtmlxWindows、dhtmlxMenu等控件結合使用。

123. Divine (演示地址)

Divine是一個免費的Photoshop插件用於將Photoshop設計文件轉換成Wordpress主題。該插件還集成一個 FTP客戶端，能夠將轉換後的Wordpress主題上傳至網站中。

124. jQuery.sheet (演示地址)

jQuery.sheet是一個Web電子表格jQuery插件。功能、界面風格與MS Excel類似。

125. Drag and drop table content with JavaScript (演示地址)

利用這個JavaScript Lib只需少許代碼就可以實現表格內容的拖曳。能夠將單元格中的內容拖至其它單元格或其它表格中。

126. jCryption (演示地址)

在正常狀況下，當提交數據時，若是沒有SSL數據將使用純文本的方式發送。jCryption這個jQuery插件可以加密由Forms提交的POST/GET數據。jCryption使用RSA公鑰密碼算法加密，該項目還提供一個PHP文件來處理數據的解密。

127. Font effect

Font effect是一個可以生成特效字體的jQuery插件。可用的效果包括：陰影，倒影，漸變，輪廓。

128. Free Javascript Obfuscator

好吧！擔憂本身的Javascript被偷走，或者對本身的Javascript沒什麼信心時能夠用這個工具。它能讓你的代碼變整天書，但又能夠正常運行。

129. AspPDF (演示地址)

AspPDF是一個ActiveX服務組件，爲ASP/ASP.NET這些WEB應用程序動態建立/讀取/編輯PDF文檔的功能。

130. PHPExcel

PHP遵循Microsoft OpenXML標準的一套讀寫Excel2007格式文件類。可對電子表格的元數據（做者，標題，說明等）進行操做，甚至能夠對單元格字體，樣式，加框，填充，添加圖片等進行設置。

131. xmlObjectifie (演示地址)

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

132. Loading Mask

採用YUI開發的一個控件，用於產生遮罩(MASK)加載效果。

133. nyroModal

強大的 遮罩層， 它包括如下功能：

• 以ajax遠程加載內容
• 以ajax加載內容
• 顯示圖片
• 對話框
• iframe

134. JsTetris

JsTetris 是一個基於瀏覽器的俄羅斯方塊遊戲，採用JavaScript開發，支持IE、Mozilla和Opera瀏覽器。

同時還有一個Windows下的GUI版本

135. jQuery nudging plugin (演示地址)

jQuery nudging plugin這個插件可讓連接在鼠標移過期，產生輕推引人注意的效果。

136. Blackbird

Blackbird 是一個開源的JavaScript庫，提供了一種簡單的記錄日誌的方式和一個控制檯窗口，有了這個以後，你就能夠跟alert說拜拜了。

137. Pro Chat Rooms

國外基於php ajax mysql的聊天系統,包括全套的視頻聊天插件！

138. 3D Flying Text in jQuery (演示地址)

利用jQuery製做飛舞的3D文字。

139. SFGantt(向日葵甘特組件)

向日葵 Gantt 是當前B/S 系統開發中先進的甘特圖解決方案，它採用與Google maps相同的AJAX技術，實現了與Ms Project 甘特圖一致的界面和功能，可普遍應用於 ERP 系統、MES系統、項目管理系統或其它的資源時間相關領域。

140. Ultimate Password Strength Meter

是一個基於prototype/scriptaculous,在Password Strength Meter的基礎上改進的密碼強度驗證組件.

141. PasswordMeter

Password Strength Checker是一個用於驗證密碼強度JavaScirpt組件。

142. side bar menu using mootools

採用mootools開發的側邊滑條菜單。

143. jQuery blockUI

這個jQuery插件可以爲頁面上的任意元素添加遮層，阻止用戶操做。具體能夠用於製做提示等待響應的對話框。當要執行某個較長操做時候，經過blockUI來阻止當前用戶繼續操做。

144. jQTouch

jQTouch這個jQuery插件讓你只利用HTML、CSS和JavaScript，就可以建立可在WebKit瀏覽器上（iPhone、Android、Palm Pre）運行的手機應用程序。

145. A Better Pagination (演示地址)

基於Mootools的拖動分頁組件.

146. jQuery look

利用這個jQuery插件能夠建立當鼠標移過圖片按紐時，產生觸動的效果。還能夠建立一個簡單的摺疊面板。

147. wForms

一個低調的開源項目，簡化了絕大多數經常使用 JavaScript 表單功能，包含能夠直接使用的表單驗證功能，另外，還包含強大的表單同步以及表單條件判斷功能。

148. JsLoad

JsLoad 能夠從 Google server 遠程加載各類 JavaScript 庫，能夠自動加載各類版本的支撐庫。

149. Javascript VirtualKeyboard (演示地址)

Web虛擬鍵盤，可嵌到WYSIWYG HTML編輯器，Web mail系統，聊天系統，論壇或其它須要用戶輸入的應用程序中。支持大約80種語言/170種鍵盤佈局。支持鍵盤和鼠標兩種輸入。徹底基於CSS設計的UI，可以很方便地更換皮膚。

150. jQuery Desktop (演示地址)

利用jQuery實現一個相似於Window的桌面，實現包括頂部菜單和一個底部任務欄。