37个更加出色的jQuery插件

作为开发人员来说,永远不会停止创建更加好用的Web交互应用脚本或程序,随着jQuery的流行,基于jQuery框架开发的插件几乎是数不胜数.关于jQuery插件,帕兰之前已经发过两篇文章介绍过很多强大的插件:

但开发之路是永远不会停止的,Noupe又为我们收集整理了近期出现的37个出色的jQuery插件,帕兰映像翻译.

jQuery滑动门

1) Slider Gallery– 这是一个模仿Apple网站的jQuery滑动门产品展示. 这个‘产品展示滑动门’就是一个直线前进的画廊,在有限的空间里面显示产品图片,支持Tab标签的滑动和前进后退按钮的滑动.


2) Accessible slider– Illustrations和代码显示如何最简单的制作一个滑动门UI控制条,而不需要任何Javascript或CSS知识.

 


jQuery图像处理

3) crop, labelOver and pluck-这个jQuery脚本可以让你的访客控制图像,实现截剪图片等操作.

  • Live Demo Of Crop: Here
  • Live Demo of LabelOver: Here

4) Semitransparent rollovers -一个简单的脚本,让图像实现半透明效果

 

  • Live Demo Of Crop: Here

5) Creating A Sliding Image Puzzle Plug-In– 创建出一个基于总容器的拼图效果,非常的特别.

 


jQuery 导航菜单

6) Digg Header– 这是一个仿Digg的导航菜单,宽度可变,下拉菜单,精美的搜索框,简单的颜色更改, 总之是有很多可取之处,很强大的一个导航菜单.


7) IconDock– a jQuery JavaScript library 这个插件允许你创建一个类似于Mac OS X操作系统Dock菜单的特效菜单.

 


jQuery 手风琴效果

8 ) Horizontal Accordion-这个插件提供一些简单的选项可以让你轻松控制手风琴的展示效果.


9) HoverAccordion– 这个jQuery插件产生一个漂亮的二级层联菜单

 


jQuery图像浏览

10) Step Carousel Viewer-一个滑动门应用,内容区域可以是一张图片或是HTML富文本内容.


11) Featured Content Glider-可以在有限空间内展示不同的网页内容,通过分页导航和前后按钮进行操作,支持手动模式和自动的幻灯片播放模式.

 


jQuery图表

12) jQuery + jFlot – 构图,绘画和图表


13) Accessible charts using canvas and jQuery – 用jQuery把HTML数据以可视化的概念展示出来,生成多种形式的图表,比如线性图,饼图,面积图等.

 


jQuery编辑器

14) Small Rich Text Editor – 体积小巧,跨浏览器,Ajax图像上传,HTML代码清理,基于PHP后端的富文本编辑器,功能十分全面.


15)markItUp! Universal markup editor-这个插件可以让你把任何Textarea文本框转换成一个标识编辑器.目标编辑器包括Html, Textile, Wiki语法, Markdown, BBcode甚至是你自己的标识系统.

 


jQuery Flash插件

16) jQuery Flash Plugin-这个 jQuery插件可以让你嵌入Flash电影


17) jMP3– jMP3提供一种简单的方法,通过一个Flash MP3音乐播放器,让你可以播放网路上面大多数的MP3音乐文件.
using the sleek Flash Single MP3 Player & jQuery.

 


18) jQuery Media Plugin– 这个播放器插件几乎可以播放任何格式的多媒体文件,包括Flash, Quicktime, Windows Media Player, Real Player, MP3, Silverlight, PDF以及更多.

 


jQuery Tab标签

19) jQuery Tabs-典型的Tabs标签切换插件,没有Javascript可用.


jQuery LightBox灯箱效果

20) Fancy Box– 一个新鲜的Lightbotx灯箱效果的插件,主要特点包括自适应窗口图像,为全尺寸图像增加了一个很好,支持相关图像浏览.


21) Thickbox Plus– Lightbox灯箱效果,自适应图像大.

 


jQuery 网格数据插件

22) Flexi Grid-这是一个轻量级但丰富的数据网格插件,支持滚动数据,网格头操作,再加上一个能够连接到一个基于XML数据源使用ajax加载内容。一般网格数据插件所拥有的基本功能都有了,最大的特点就是它非常小巧.


23) Query Grid 3.1– 这个jQuery插件可以上用户自定义网格数据显示的分页数,并进行添加,删除等操作.

 


jQuery区域处理

24) FaceBook Like – jQuery and autosuggest Search Engine– 一个类似于Facebook的搜索引擎,主要的特点就是搜索时的自动提示
使用 jQuery 作为Ajax框架和 BSN Autosuggest 库.


25) Masked Input Plugin– 可以在Input输入框里面生成一些数据格式,以方便提醒用户,比如日期格式,电话格式等等.

 


非常酷的动画效果的jQuery插件

26) jQuery Enchant– 该插件致力于创造出各种丰富的特效。使用它,可以创建出各种一流的动画和高度可配置的特效。


27) EasyDrag jQuery Plugin-一处简单的拖拽插件,可以让任何DOM元素实现拖拽效果,没有其它的功能,相对操作起来也就比较简单.

 


28) Simple Effects Plugins– 一个新鲜的jQuery特效插件,可以实现闭合,隐藏,显示,褪色和滑动效果等.

 


29) Slide out and drawer effect– 这是一个手风琴特效示例, 当鼠标悬浮在标题上面时,内容块就会展示. 这个插件最酷的地方在于其内容块保持了固定的高度.

 


值得一试的jQuery插件

30) crop, labelOver and pluck– 让每一段文本都实现首字下沉的效果


31) Style Author Comments Differently with jQuery-为作者留言实现高度效果

 


32) Creating a fading header-这是一个简单的示例,使用jQuery 和 CSS 来创建出头部淡入淡出的效果.

 


33) Coda Bubble– 一个弹出泡沫效果的示例,看上去非常的个性.

 


34) Another In-Place Editor– 这个插件可以让你只需要一行代码就实现Ajax的内容实时编辑效果.

 


35) jQuery Taconite

 


jQuery Web应用程序

36) GenFavicon– 一个利用jQuery创建而成的在线favicons图标生成工具,可以实时浏览Favicons在浏览器工具栏中的效果.


37) WriteMaps– WriteMaps提供一个简单的界面让你可以创建,编辑和分享你的网站地图.

 

留下评论

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

− 5 = 3