50个2011年最新最酷的jQuery插件

2011年已经过去一半多了,也该对当前网页设计与开发的现状及其趋势做一个小小的总结了。在此,我想说的是jQuery,jQuery的发展一直没有停止过,眼下无疑又已经往前跨出了一大步,因为目前已经有超过40%的网站都在使用jQuery,它的强大,高效以及轻量级的特性,使得我们已经 无法无视它的存在及其作用。

在网站建设过程中,jQuery给开发人员带来了新的希望,他们无需手动编写一大堆的代码,就能够实现令人意想不到的奇妙的效果。这篇日志要写的是50个高级jQuery插件,是2011年新出的,具有技术含量高但使用简单的特点,如果您对网页开发有兴趣,您可能缺少不了它们!

1. jbar

jbar

jbar能够将<ul>此类的无序列表转换成一个带下拉菜单的工具条。

2. e24TabMenu

tabmenu-new-cool-jquery-plugins-2011

e24TabMenu 是一款专为 scrīptaculous程序库所制作的插件——可平滑伸缩的标签式导航菜单。

3. Simple jQuery Fluid Thumbnail Menu Bar

fluid-thumbnail-new-cool-jquery-plugins-2011

一款将缩略图作为导航菜单的jQuery插件

4. Accordion Multilevel Menu

accordion-new-cool-jquery-plugins-2011

一款可折叠式多层菜单插件。

5. DropKick

dropkick-new-cool-jquery-plugins-2011

一款下拉式菜单插件。

6. jQuery Resize And Crop

crop-resize-new-cool-jquery-plugins-2011

jQuery Resize And Crop 是一款可以随意修剪或调整图片大小的插件。

7. Cloud Zoom

cloud-zoom-new-cool-jquery-plugins-2011

Cloud Zoom是一款图片局部位置放大插件,就像平时我们拿着一个显微镜看某件物品一样,看得很清楚,能够在IE6下工作,对大部份浏览器兼容性特好。

8. Simple jQuery Image Hover Effect

image-hover-new-cool-jquery-plugins-2011

这个插件的效果比较单一,鼠标晃过,图片就会向左右或上下滑动。

9. Easy Image Zoom

image-zoom-new-cool-jquery-plugins-2011

Easy Image Zoom 的效果有点像上面的Cloud Zoom插件,鼠标放到左边的小图片上,在右边就会加载大图,您会看得更近,也更清楚;鼠标在不同位置间移动,大图也将作出相应的变动。

10. ImageLens

image-lens-new-cool-jquery-plugins-2011

这个插件字面上的意思是图片透镜,鼠标放到图片上任何一个位置,会出现一个小透镜,能够将局部位置放大。这种效果支持大多数主流浏览器,但在IE8及以下透镜会显示为一个方框。

11. ImageSelect

image-select-new-cool-jquery-plugins-2011

ImageSelect让您通过一个下拉菜单选择并查看某张图片。

12. jQuery Mapz

maps-new-cool-jquery-plugins-2011

Mapz 是一款图片地图制作插件,只需调用一条函数及使用一些简单的html,就能够制作出可以拖动浏览的图片地图。

13. jQuery Image Gallery

image-gallery-new-cool-jquery-plugins-2011

Image Gallery是一款带光箱效果的图片浏览插件,有多种浏览方式,如左右滑动,全屏等。

14. JbhSlider

jbhslider-new-cool-jquery-plugins-2011

JbhSlider是一款高度可定制的图片展示插件,您可以添加或去掉缩略图导航条,可以自定义显示方式,可以设定某些参数,比如每张图片显示的间隔时间等等。

15. jQuery.slideBanjo

slidebanjo-new-cool-jquery-plugins-2011

jQuery.slideBanjo让您在自己的网站上以一种优美的方式来展示您的图片,支持背景图片的加载,定制简单,配有参考文档,兼容IE7或以上的浏览器。

16. Slides

slides-new-cool-jquery-plugins-2011

Slides是一款简单的幻灯片展示插件,无论对于新手或是高手都很容易定制出优美友好的幻灯片。

17. jShowOff

jshowoff-new-cool-jquery-plugins-2011

jShowOff 是一款很有特色的jQuery插件,可创建幻灯片式轮番展示的内容模块,可设置文本链接等。

18. Tiny Carousel

tiny-carousel-new-cool-jquery-plugins-2011

Tiny Carousel 是一款基于html的轻量级幻灯片插件,具有许多特点,如:图片水平或竖直方向显示,支持按钮式或翻页导航,可设置同时显示的图片数量及显示间隔时间,支持所有主流浏览器(Firefox, Internet Explorer 6+, Safari, Opera, Chrome)。插件文件体积小,最小只有229kb。

19. gSlider

gslider-new-cool-jquery-plugins-2011

gSlider是一款交互式幻灯图片展示插件,基于jQuery所创建,功能很多,容易定制,适合放到大多数网站或应用程序上使用。

20. Craftyslide

craftyslide-new-cool-jquery-plugins-2011

Craftyslide是一款微型 (只有 2kb) 的jQuery插件,它显示图片的方式很朴实,没有多余的修饰,可设定高度,宽度,图片显示延时,图片数量等。

21. JQuery Wysiwym

wysiwym-new-cool-jquery-plugins-2011

JQuery-Wysiwym是一个基于jQuery所创建的“即见即所想”编辑器,它的目的不是输出html, 而是用来编辑某些标记语言的,目前支持Markdown, MediaWiki, 和 BBCode.

22. leanModal

ieanmodal-new-cool-jquery-plugins-2011

这是一款超级简单的弹出式窗口插件,与CSS整合起来运行良好,可设置窗口高度和宽度而无需任何图片,支持在同一个页面中设置显示多个弹窗,特别适合于制作登录框或提示文本等等。

23. jQuery-preloader

preloader-new-cool-jquery-plugins-2011

jQuery-preloader插件可以用来显示 CSS, JS, HTML或图片预加载效果,体积小,速度相当快,值得一用。

24. Zebra_Dialog

zebra-dialog-new-cool-jquery-plugins-2011

Zebra_Dialog 是一款高度可定制的轻量级对话框插件,基于jQuery所建。有5种模式可用:确认对话框,信息提示对话框,警告对话框,错误提示对话框以及咨询对话框。

25. Double Vision

double-vision-new-cool-jquery-plugins-2011

一款jQuery 1.6.1 插件,如图中所示,可将文本从上面的输入区移动到下方的文本框。

26. Textarea Code Editor

code-editor-new-cool-jquery-plugins-2011

这款插件能够将文本框转换成一个代码编辑器,可编辑CSS,HTML,Javascript和PHP,也可以高亮代码。

27. Easy Paginate

easy-paginate-new-cool-jquery-plugins-2011

Easy Paginate是一款简易图片导航插件,配置简单,使用方便。

28. Activity Indicator

activity-indicator-new-cool-jquery-plugins-2011

Activity Indicator 是一款用来显示网页元素加载效果的插件,轻量级,兼容IE6及所有主流浏览器,无需图片,外观可定制。

29. jQuery File Upload

file-upload-new-cool-jquery-plugins-2011

jQuery File Upload是一个基于jQuery的轻量级文件上传器,可同时上传多个文件,支持拖拽上传。

30. Color Animation

color-animation-new-cool-jquery-plugins-2011

看来jQuery所缺乏的就是这个功能了——动画颜色。支持的CSS属性有:color ,backgroundColor ,borderColor ,borderBottomColor ,borderLeftColor ,borderRightColor ,borderTopColor ,outlineColor.

31. jQuery Formwizard

form-wizard-new-cool-jquery-plugins-2011

这是一个填写表单向导插件,采用jQuery技术,速度快。

32. jQuery Spinner Control

spinner-control-new-cool-jquery-plugins-2011

将文本输入框转变成一个数值调节控制器。

33. jEscape

jescape-new-cool-jquery-plugins-2011

这是一个jQuery扩展,能够捕获键盘的一切活动。

34. jPaginator

paginator-new-cool-jquery-plugins-2011

一个jQuery动态翻页插件,有多种显示方式,如平滑滚动,自动加速等,可定制性很强。

35. Snippet

snippet-new-cool-jquery-plugins-2011

Snippet是一个jQuery 语法高亮插件,默认支持15种语言,更有近40种样式可选用。

36. HTML5 jQuery Music Player

html5-music-player-new-cool-jquery-plugins-2011

一个HTML5 音乐播放器,溶入了jQuery技术,效果相当不错,不过要收费的!

37. jQuery Link Preview

link-preview-new-cool-jquery-plugins-2011

jLinkPreview是一个链接缩略图预览插件,也就是当您用鼠标 划过一条链接时,会先出现一个相关缩略图以供预览。

38. My QR Code

qr-code-new-cool-jquery-plugins-2011

这是一个QR code (二维码)生成插件,专为使用Google Chart API的移动设备所编写而成的。插件默认会生成页面url二维码,但也允许您自己设置。

39. jQuery TagBox

tagbox-new-cool-jquery-plugins-2011

这个jQuery 插件的作用让您可以在表单中添加一些标签,有两种方式,第一种是直接在输入框内写入文本;第二种是从下拉菜单中选择。

40. jRumble

rumble-new-cool-jquery-plugins-2011

jRumble is 插件可以让您设定某个元素在鼠标划过或点击时发生震动,站在用户角度来说,能够起到吸引注意的作用。插件有两个值x和y,表示震动范围,可自定。

41. MobilyMap

mobily-map-new-cool-jquery-plugins-2011

MobilyMap是一个jQuery插件,用于从任意一张图片创建一个类似于Google地图,可拖拉的界面。它还支持位置标记功能,并且当点击这些标记时还会显示备注说明信息。这个插件还提供一些回调函数如:onMarkerClick, onPopupClose and onMapLoad等。

42. Grid Navigation

grid-navigation-new-cool-jquery-plugins-2011

一个缩略图导航效果的jQuery 插件,总共有10种效果。

43. Simple Overlay

overlay-new-cool-jquery-plugins-2011

Simple Overlay是一个轻量级的jQuery遮罩层插件,可以用来遮挡住某个HTML元素。插件兼容性强,使用了jQuery的淡入淡出效果来显示遮罩。插件也具有很高的可定制性,用户可自定义颜色、透明度等。

44. diagonalFade

diagonal-fade-new-cool-jquery-plugins-2011

又一个jQuery插件,能够为一组元素指定淡入/淡出效果和退出/显示的方向或位置。

45. Smart Spin

smart-spin-new-cool-jquery-plugins-2011

这个jQuery插件可以让你通过改变红、绿、蓝三种颜色的值来改变窗口背景色。

46. jQuery Credit Card Validation

credit-card-new-cool-jquery-plugins-2011

Smart Validate 是一个信用卡验证插件。

47. Ajax PayPal Cart

ajax-paypal-new-cool-jquery-plugins-2011

AJAX PayPal Cart是一个基于jquery的插件,可以为您网站增加一个功能齐全的购物车。

48. jQuery.folderPreview

folder-preview-new-cool-jquery-plugins-2011

jQuery.folderPreview插件将一个文件夹内的内容显示为一个个实物图形,而不是文字,让人一看就知道是什么,相当形象。

49. jQuery Lifestream

lifestream-new-cool-jquery-plugins-2011

利用jQuery技术显示您的一系列在线活动。

50. QuoVolver

quovolver-new-cool-jquery-plugins-2011

Quovolver 是一款简单的 jQuery扩展插件, 能够为引用文本加上优美的双引号。

原文:1stwebdesigner

如无特别说明,本站文章皆为原创,若要转载,必须注明以下原文信息:
日志标题: 《50个2011年最新最酷的jQuery插件》
日志链接: http://www.chenchunlin.info/50-newest-jquery-plugins-from-2011.html
博客名称: Chenchunlinblog

This entry was posted in 工具软件 and tagged . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

13 Comments

  1. Posted 2011/07/16 at 19:08 | Permalink

    5c0e018f7文章写的很给力,想与博主交个朋友.我的QQ:345633372.希望有机会与博主认识。

  2. Posted 2011/07/16 at 18:34 | Permalink

    很不错的博客

  3. Posted 2011/07/16 at 07:10 | Permalink

    没事来转转

  4. Posted 2011/07/16 at 00:41 | Permalink

    6d每天关注点点,顶一个!文章不错,谢谢分享!

  5. Posted 2011/07/15 at 08:18 | Permalink

    博主写得不错!

  6. Posted 2011/07/13 at 15:38 | Permalink

    你的这个主题,出现了左偏移现象

    • Posted 2011/07/13 at 17:21 | Permalink

      自己编写的子主题css代码,但是水平又不够,一边出于学习,一边出于实践,我很久就盼望有人给我指出错误,真的非常多谢否何的作者第一个提出意见,我已经打算更换主题了,目前正在本地做测试。再次谢谢否何!

  7. Posted 2011/07/13 at 10:49 | Permalink

    7d4c2d2ff博主辛苦了。小弟路过

  8. Posted 2011/07/13 at 10:03 | Permalink

    12博客设计的很有思路,我也是搞设计的。

  9. Posted 2011/07/12 at 21:36 | Permalink

    博主文章不错,再次前来支持。

  10. Posted 2011/07/12 at 17:05 | Permalink

    写的很不错,支持一下。

欢迎发表评论

我们不会公开您的邮箱地址, 标有*号的是必填项哦!

*
*

您可以使用这些HTML标签及其属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>