150个JS特效脚本
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-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的桌面,实现包括顶部菜单和一个底部任务栏。