150个javascript特效javascript

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

======================================================


在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/今天的文章150个javascript特效javascript分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。