150个JS特效脚本

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

1. simplyScroll

simplyScroll这个jquery插件能够让任意一组元素产生滚动动画效果,可以是自动、手动滚动,水平、垂直方向滚动。此外,它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。

2. Animated Collapsible DIV

为任何DIV层添加Web2.0风格的动画隐藏/显示效果

3. jQuery Pagination (演示地址)

jQuery Pagination

jQuery分页插件

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

side bar menu using script.aculo.us

采用script.aculo.us开发的侧边滑条菜单。

5. mooSocialize

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

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

jsSHA是哈希家族SHA的完整JavaScript实现。包括:SHA-1、SHA-224、SHA-256、SHA-384和SHA-512。

107. Amberjack (演示地址)

Amberjack

一个只有 4K 的微型 JavaScript 库,可以为你的网站添加漂亮的教程功能,一个模式窗口会以教程的形式显示任意内容,教程中的步骤可以通过手工编码实现或在线自动生成。可以使用主题或 CSS 控制内容的格式。

108. jsMath (演示地址)

jsMath

jsMath提供一组能够在网页中生成复杂数学符号的方法。支持多种常用的浏览器。

109. jQuery Context Menu (演示地址)

jQuery Context Menu

jQuery Context Menu是一个右键菜单插件。通过非常少的设置就能够轻松实现右键菜单功能。

110. simpleCart(js)

simpleCart(js)

simpleCart(js)是一个轻量级(10.5kb),简洁的购物车JS应用程序。它使用cookies来存储购物车数据,并支持通过PayPal来支付。

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

龙博AJAX框架

龙博AJAX框架是跨浏览器的JavaScript框架集,构建富web应用的利器.

112. WWW SQL Designer

WWW SQL Designer

WWW SQL Designer是一个基于Web的可视化SQL建模工具。这个工具能够让你利用浏览器设计数据库结构(E-R图)。将设计导出成SQL脚本。支持MySQL、MSSQL、SQLite与Web2py。

113. Table Drag and Drop JQuery plugin

Table Drag and Drop JQuery plugin

这个jQuery插件能够为HTML表格添加行拖放(Drag and Drop)功能.

114. Flash Video Player

Flash Video Player

这是一个可以嵌到wordpress博客中使用的Flash视频播放器。支持自定义外观,水印Logo,海报框和浮动控制按纽。

115. FleaIM

FleaIM

FleaIM是一个基于Web的即时聊天工具,界面和功能与MSN相似。

116. Solitaire game (演示地址)

Solitaire game

基于DHTML JavaScript实现的Web版纸牌游戏.

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

jQuery UI.Layout

这是一个模仿ExtJS区域布局(Border Layout)实现的jQuery UI页面布局管理器。简单易于使用,东南西北中5个区域可以嵌套使用,外观可以通过CSS控制。

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

Build a Web 2.0 Document Search Site

在这篇文章中介绍了如何利用jQuery创建一个按文档扩展名进行过滤的文档搜索界面。通过这篇文章将会学习到较多的jQuery使用技巧和技术。

119. jQuizMe (演示地址)

jQuizMe

jQuizMe是一个采用jQuery开发的Web测验程序。支持的测验题型包括:填空,多选择,判断,Flash Cards等。

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

Create a Realistic Hover Effect With jQuery

利用jQuery为一组图标链接添加当鼠标移过时,图标会产生向上升起 倒影的效果。

121. MopBox (演示地址)

MopBox

MopBox是一个可拖曳的模式对话框,对话框中的内容可以包含div、image、flashmovie、video等。假如其还拥有多个子项,在模式对话框中会自动出现滑动导航条。

122. dhtmlxLayout (演示地址)

dhtmlxLayout

dhtmlxLayout是一个支持多种布局的Web UI组件。布局中的面板可以拖拉伸缩,隐藏。能够很方便与dhtmlxGrid、dhtmlxTree、dhtmlxWindows、dhtmlxMenu等控件结合使用。

123. Divine (演示地址)

Divine

Divine是一个免费的photoshop插件用于将Photoshop设计文件转换成wordpress主题。该插件还集成一个 FTP客户端,可以将转换后的Wordpress主题上传至网站中。

124. jQuery.sheet (演示地址)

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

Font effect是一个能够生成特效字体的jQuery插件。可用的效果包括:阴影,倒影,渐变,轮廓。

128. Free Javascript Obfuscator

好吧!担心自己的Javascript被偷走,或者对自己的Javascript没什么信心时可以用这个工具。它能让你的代码变成天书,但又可以正常运行。

129. AspPDF (演示地址)

AspPDF

AspPDF是一个ActiveX服务组件,为ASP/ASP.NET这些WEB应用程序动态创建/读取/编辑PDF文档的功能。

130. PHPExcel

PHPExcel

PHP遵循Microsoft OpenXML标准的一套读写Excel2007格式文件类。可对电子表格的元数据(作者,标题,说明等)进行操作,甚至可以对单元格字体,样式,加框,填充,添加图片等进行设置。

131. xmlObjectifie (演示地址)

基于jQuery开发,能够把XML DOM转换成 JSON的JavaScript library。

132. Loading Mask

Loading Mask

采用YUI开发的一个控件,用于产生遮罩(MASK)加载效果。

133. nyroModal

nyroModal

强大的 遮罩层, 它包括以下功能:

  • 以ajax远程加载内容
  • 以ajax加载内容
  • 显示图片
  • 对话框
  • iframe

134. JsTetris

JsTetris

JsTetris 是一个基于浏览器的俄罗斯方块游戏,采用JavaScript开发,支持IE、Mozilla和Opera浏览器。

同时还有一个Windows下的GUI版本

135. jQuery nudging plugin (演示地址)

jQuery nudging plugin

jQuery nudging plugin这个插件可以让链接在鼠标移过时,产生轻推引人注意的效果。

136. Blackbird

Blackbird

Blackbird 是一个开源的JavaScript库,提供了一种简单的记录日志的方式和一个控制台窗口,有了这个之后,你就可以跟alert说拜拜了。

137. Pro Chat Rooms

Pro Chat Rooms

国外基于php ajax mysql的聊天系统,包括全套的视频聊天插件!

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

3D Flying Text in jQuery

利用jQuery制作飞舞的3D文字。

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

SFGantt(向日葵甘特组件)

向日葵 Gantt 是当前B/S 系统开发中先进的甘特图解决方案,它采用与Google maps相同的AJAX技术,实现了与Ms Project 甘特图一致的界面和功能,可广泛应用于 ERP 系统、MES系统、项目管理系统或其它的资源时间相关领域。

140. Ultimate Password Strength Meter

Ultimate Password Strength Meter

是一个基于prototype/scriptaculous,在Password Strength Meter的基础上改进的密码强度验证组件.

141. PasswordMeter

PasswordMeter

Password Strength Checker是一个用于验证密码强度JavaScirpt组件。

142. side bar menu using mootools

side bar menu using mootools

采用mootools开发的侧边滑条菜单。

143. jQuery blockUI

jQuery blockUI

这个jQuery插件能够为页面上的任意元素添加遮层,阻止用户操作。具体可以用于制作提示等待响应的对话框。当要执行某个较长操作时候,通过blockUI来阻止当前用户继续操作。

144. jQTouch

jQTouch

jQTouch这个jQuery插件让你只利用HTML、CSS和JavaScript,就能够创建可在WebKit浏览器上(iphone、Android、Palm Pre)运行的手机应用程序。

145. A Better Pagination (演示地址)

A Better Pagination

基于Mootools的拖动分页组件.

146. jQuery look

jQuery look

利用这个jQuery插件可以创建当鼠标移过图片按纽时,产生触动的效果。还可以创建一个简单的折叠面板。

147. wForms

wForms

一个低调的开源项目,简化了绝大多数常用 JavaScript 表单功能,包含可以直接使用的表单验证功能,另外,还包含强大的表单同步以及表单条件判断功能。

148. JsLoad

JsLoad 可以从 Google server 远程加载各种 JavaScript 库,可以自动加载各种版本的支撑库。

149. Javascript VirtualKeyboard (演示地址)

Javascript VirtualKeyboard

Web虚拟键盘,可嵌到WYSIWYG HTML编辑器,Web mail系统,聊天系统,论坛或其它需要用户输入的应用程序中。支持大约80种语言/170种键盘布局。支持键盘和鼠标两种输入。完全基于CSS设计的UI,能够很方便地更换皮肤。

150. jQuery Desktop (演示地址)

jQuery Desktop

利用jQuery实现一个类似于Window的桌面,实现包括顶部菜单和一个底部任务栏。

历史上的今天:

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar
命运爱情之六 战友
十年沉船,苍苔不生。
真实魔鬼游戏 的影评
阿甘的爱情

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: