150个JS特效脚本

上月，我们整月都在发布javascript特效脚本，本文算是外传，收集了其它一些不太方便归类的JS特效，共150个，供君查阅。

1. simplyScroll

simplyScroll这个jquery插件能够让任意一组元素产生滚动动画效果，可以是自动、手动滚动，水平、垂直方向滚动。此外，它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。文章源自两天的博客-https://2days.org/248.html

2. Animated Collapsible DIV

为任何DIV层添加Web2.0风格的动画隐藏/显示效果文章源自两天的博客-https://2days.org/248.html

3. jQuery Pagination (演示地址)

文章源自两天的博客-https://2days.org/248.html

jQuery分页插件文章源自两天的博客-https://2days.org/248.html

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

文章源自两天的博客-https://2days.org/248.html

采用script.aculo.us开发的侧边滑条菜单。文章源自两天的博客-https://2days.org/248.html

5. mooSocialize

文章源自两天的博客-https://2days.org/248.html

mooSocialize基于ajax的社会化网络书签收藏控件。文章源自两天的博客-https://2days.org/248.html

6. phatfusion Lightbox (演示地址)

这个Lightbox控件基于Mootools开发，它在页角上增加了向前/后退两按纽并能够用html来编写描述说明。文章源自两天的博客-https://2days.org/248.html

7. MooTools Tooltip (演示地址)

利用Mootools开发的Tooltips控件。文章源自两天的博客-https://2days.org/248.html

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-1、SHA-224、SHA-256、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的桌面，实现包括顶部菜单和一个底部任务栏。