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^)/