150个JS特效脚本

上月,我们整月都在发布Javascript特效脚本,本文算是外传,收集了其它一些不太方便归类的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-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的桌面,实现包括顶部菜单和一个底部任务栏。

“150个JS特效脚本”的8个回复

  1. 强个,虽然没怎么看,但是看到这个150个的标题就来了,博主果真是很用心啊,即使ctrl+c/v都要不少时间,表示支持下

发表评论

电子邮件地址不会被公开。 必填项已用*标注