提高页面响应的20款杰出的jquery插件推荐

jQuery的是一个快速,简洁的JavaScript库,它简化了HTML文档遍历,事件处理,动画和Ajax交互网络的快速发展,  jQuery的目的是改变你写JavaScript的方式。  

jquery改变了开发人员的设计方式,每天jQuery 插件都被不断被创造,最新的 jQuery 插件和脚本的 对于web 设计人员和开发人员总是很需要的。
今天就给大家分享20个精美的 jQuery 插件、包括 滑块、 图像画廊、 幻灯片显示插件、 jQuery 导航菜单、 交互式地图、 手机界面、 手风琴菜单、 工具提示插件和收集许多其他有用的 jQuery 脚本。你可以尽情下载用在你的项目当中

jQuery的的轻型工具提示插件:Tooltipster

jQuery的的轻型工具提示插件:Tooltipster

Tooltipster是一个轻量级的jQuery插件,使您可以轻松地创建漂亮的HTML5验证工具提示。该插件是小尺寸(4.8kb),工作速度快,可以轻松定制。

可以改变它的外观与主题支持(CSS)和箭头的位置,跟随鼠标移动,延迟/周期的外观都可以被定义。

网址: http://calebjacob.com/tooltipster/

RoyalSlider - 专业图片廊和响应的内容jQuery滑块插件

RoyalSlider  - 专业图片廊和响应的内容jQuery滑块插件

RoyalSlider的界面可以显示任何HTML内容(图像,视频,文字。)是一个专业的触摸功能的jQuery插件

RoyalSlider专注于在每一个桌面和移动设备上提供出色的用户体验

RoyalSlider是可以定制外观的

兼容性: All Modern Browsers
网站: http://dimsemenov.com/plugins/royal-slider/
演示: http://dimsemenov.com/plugins/royal-slider/templates

跨浏览器的JavaScript拖放文件上传:FileDrop

跨浏览器的JavaScript拖放文件上传:FileDrop

FileDrop是一个JavaScript的跨浏览器类,用于快速创建拖放和AJAX(多个)文件上传界面。

它不依赖任何 JavaScript 框架,并且可以在多个浏览器中运行,包括 IE6。

兼容性:兼容所有浏览器

网站: http://proger.i-forge.net/FileDrop_%E2%80%93_cross-browser_JavaScript_Drag_-amp_Drop_file_upload/7CC

Really Simple Slideshow:一个灵活的更大的滑块jQuery插件

真正简单的幻灯片:一个灵活的更大的滑块jQuery插件

Really Simple Slideshow是一个灵活的jQuery插件可以创建任何类型的图像滑块。动态加载图像的每一个要求,允许加载较大的幻灯片,而不必预先加载大量的图片。

该插件可将任何图像转换到幻灯片列表,它可以显示字幕与每个幻灯片,包括链接,并有多种过渡效果。

兼容性:兼容所有浏览器
Website: http://reallysimpleworks.com/slideshow/
Download:https://github.com/reallysimple/Really-Simple-Slideshow

响应jQuery滑块:IVIEWSLIder

响应jQuery滑块:IVIEW滑块

IVIEW slider是一个jQuery Slider 插件可用于展示任意类型的内容(图片,HTML,视频)。

这个插件支持响应式布局并能够很好的兼容触摸界面。

它已经内置35种转换效果,可以为每一个slide可以定义不同的效果。

该插件支持向下移动的响应布局

滑块具有内置的过渡效果,这是完全兼容所有主流浏览器(包括IE6到IE9,火狐,Chrome,Safari浏览器,歌剧)等移动平台的iOS / Android的3.5

要求: jQuery

网站:http://iprodev.com/2012/07/iview/ 

演示:http://iprodev.com/iview/

移动Web应用程序的轻量级框架:Sidetap

移动Web应用程序的轻量级框架:Sidetap

Sidetap的移动Web应用程序(2KBgzip压缩)是一个轻量级的框架

是一个简洁轻量级的移动 Web 应用开发框架,它专注于提供类似于 Path 或者 Sparrow 这样的侧导航形式的 UI 体验。

  • 轻量级:缩减压缩后只有2KB。
  • 支持不同设备
  • 方便配置,让你立刻开始开发应用。
  • 使用简单
  • 依赖jQuery(1.7.2)或者zepto.js

 

要求: jQuery or Zepto.js
兼容性: All Modern Browsers
网址: http://sidetap.it/
演示:http://sidetap.it/demo/stonehenge/index.html
下载:https://github.com/harvesthq/Sidetap



Javascript的幻灯片Flickr的图片:Flickrshow

Javascript的幻灯片Flickr的图片:Flickrshow

Flickrshow是一个简单的JavaScript Flickr图片幻灯片

网址: http://www.flickrshow.co.uk/ 
下载: https://github.com/beseku/javascript.flickrshow

HTML生成jQuery Mobile框架:jqmPhp

HTML生成jQuery Mobile框架:jqmPhp

jqmPhp jQuery Mobile框架旨在简化项目使用jQuery Mobile与PHP是一个开源的HTML代码生成器

jqmPhp是一个包的PHP类,方便地创建HTML文件,然后使用jQuery Mobile框架。所有的类可以在jqmPhp包转换为字符串

网站: http://www.jqmphp.com/
下载: http://code.google.com/p/jqmphp/downloads/list

 

UI通知框架:Backbone.Notifier

UI通知框架:Backbone.Notifier

Backbone.Notifier是一个强大的UI通知框架,用于显示和控制的UI通知。

它是建立在jQuery的顶部,Backbone.js + Underscore.js,有许多很酷的功能,如一个的3D模块或动画支持。

通知可以显示在顶部或在中间,存在模式的通知,这是可以通过设置自定义样式CSS + JS API。

要求: jQuery的,Backbone.js和Underscore.js 

兼容性:所有主要的浏览器
网站: http://e-w.co.il/backbone.notifier/
下载: https://github.com/ewebdev/backbone.notifier/

最简单的谷歌地图GMaps.js整合

最简单的谷歌地图随着GMaps.js整合

GMaps.js除了添加指定经纬度的标准地图之外,GMaps.js 还能定义地图放大的级别,添加标注,获取当前用户的地理位置(HTML5 geolocation),定义路线,绘制折线,并且实现这些功能只需要简单的几行代码。

另外 GMaps.js 每个动作都有 callback 函数让你去集成自定义事件。目前 GMaps.js 没有详细的文档,但是每个功能都有具体的例子,参考下基本就可以使用了。

Requirements: jQuery
Website: http://hpneo.github.com/gmaps/
Demo:http://hpneo.github.com/gmaps/examples.html
Download:https://github.com/HPNeo/gmaps

Chronoline.js:JavaScript库,用于显示图像事件时间表

Chronoline.js:JavaScript库,用于显示图像事件时间表

Chronoline.js是一个JavaScript库,创建一个按时间顺序的图形时间轴的事件

整个时间线水平方向显示,我们可以方便的显示任何时间长度的事件,并且提供一个tooltip来展示事件详细内容。

的要求: Raphael.js,jQuery的,jQueryqTip2

插件兼容性:所有的现代浏览

网站:http://stoicloofah.github.com/chronoline.js/

JavaScript的所见即所得的编辑器拖动:Redactor

Redactor 是一个 jQuery 的插件,实现在线所见即所得的 HTML 编辑器。界面简洁,加载速度快。不过不支持 IE6 浏览器,如果你不需要考虑 IE6 不妨试试。

它自动转换到编辑器中的textarea的领域和编辑器是所有主要的行动(文字造型,添加文件/图像/视频/表/列表)。

兼容性:IE6好像不支持

网站:http://redactorjs.com/ 

演示:http://redactorjs.com/examples/

滚动效果的jQuery插件:SuperScrollorama

令人敬畏的滚动效果的jQuery插件:SuperScrollorama

SuperScrollorama 是一个用来实现超酷的滚动动画效果的 jQuery 插件。

实现的效果有:文字褪色,飞,旋转,缩放,斯马什,针脚,滑动,隐退,反弹,颜色,扔,移动,视差。

 

要求: All Modern Browsers
网站: http://johnpolacek.github.com/superscrollorama/
下载:https://github.com/johnpolacek/superscrollorama

下拉菜单中的图像jQuery插件:ddSlick

下拉菜单中的图像的jQuery插件:ddSlick

ddSlick,一个免费的轻量级的jQuery插件,为创造一个更好的外观和更多信息的图像和说明,列表菜单的下拉菜单(列表菜单)

它可以作为一个下拉菜单,在这里我们可以使用一个简单的文本的图像和说明

兼容性:所有主流浏览器

网站:http://designwithpc.com/Plugins/ddSlick

真棒jQuery的日历:jQuery Verbose Calendar

真棒jQuery的日历:jQuery的详细日程

jQuery Verbose Calendar 是一个可以把整年的日历显示在一个页面上的 jQuery 插件,加载之后,

它会自动滚到今天的日期处,当你鼠标移动到日期上,可以显示今天星期几。并且这个日历插件支持 Callback 函数,

当你点击某个日期的时候,你可以执行一些自定义行为,或者插入任意的 HTML 元素。

 

要求jQuery + Tipsy & jQuery.ScrollTo plugins
兼容性All Major Browsers
网站: http://iamjpg.github.com/jQuery-Verbose-Calendar/
下载; https://github.com/iamjpg/jQuery-Verbose-Calendar

使用jQuery,现代浏览器的矢量图形地图矢量地图:JQVMAP

使用jQuery,现代浏览器的矢量图形地图矢量地图:JQVMAP

JQVMap 是一个用于输出向量地图的 jQuery 插件,使用可改变大小的 SVG 处理,支持的浏览器包括:Firefox, Safari, Chrome, Opera and Internet Explorer 9.  对 IE 6-8 的版本通过 VML 支持。。

兼容性:大多数浏览器

网站:http://jqvmap.com/ 

下载:https://github.com/manifestinteractive/jqvmap

JCS媒体库(jCSML)Cross-Browser Animation

JCS媒体库(jCSML)创建跨浏览器动画

它是专门设计用于创建跨浏览器的动画,而无需调整任何个别浏览器或平台。

能够让创建动画媒体而不需要改变任何代码,支持桌面和移动浏览器。它没有使用Flash, SilverLight, SVG, HTML5, 或 奇特的CSS3动画。

JCSML可以运行在IE7浏览器,Android或iPad / iPhone上。

要求: jQuery & jQuery easing library
兼容性: All Major Browsers
网站: http://jcsml.com/
演示: http://jcsml.com/pageshell.html?root=Tutorials&target=Starship#
下载: http://www.jcsml.com/pageshell.html?root=PurchasePages&target=PurchasePage&TOCEnabled=FALSE

minjs:轻量级JavaScript组件

minjs:轻量级JavaScript组件

minjs是一个独立的JavaScript组件的集合,是建立在jQuery的,轻量级的代码,以完成特定的工作。

minjs 是一组轻量级的 jQuery 组件,提供多种 Web 常用组件,包括表单、表格、日历等,其中迷你表单帮助你使用 HTML5 表单增强,尽管浏览器不一定支持也可以使用。

目前,有3个组成部分:minform,longtable和dtcal。

minform带来了跨浏览器兼容HTML5表单增强功能(属性:占位符所需自动对焦)。

兼容性:所有主要浏览器

网址:http://www.minjs.com/

实时阴影:jQuery-Sensitive & Realistic Shadows

实时阴影:jQuery插件鼠标敏感和逼真的阴影

Sensitive & Realistic Shadows是一个简单而有效的jQuery插件,鼠标敏感的任何HTML元素都可以创建逼真的阴影效果

用一个简单的功能,它的工作原理是按照鼠标的位置针对任意数量的元素和操作的box-shadow CSS属性的值的元素

因此,确定阴影的位置和大小由鼠标元素操控

兼容性: All Modern Browsers
网站: 
http://indamix.github.com/real-shadow/
下载: https://github.com/Indamix/real-shadow/

MiniJs:写在CoffeeScript的一套jQuery插件

MiniJs:写在CoffeeScript的一套jQuery插件

MiniJS 是一组使用 CoffeeScript 编写的 jQuery 插件

 

兼容性:所有主要的浏览器

网站:http://minijs.com/ 

下载:https://github.com/minijs

jPages:真棒的JavaScript分页插件

jPages是一个客户端JavaScript分页插件(jQuery插件),有很多的功能,如键盘+滚动导航,自动翻页,延迟显示屏和一个可定制的导航面板也集成与Animate.css延迟加载。。

兼容性: All Major Browsers
网站: http://luis-almeida.github.com/jPages/
演示: http://luis-almeida.github.com/jPages/defaults.html
下载: https://github.com/luis-almeida/jPages

 

本文链接:提高页面响应的20款杰出的jquery插件推荐

posted @ 2012-10-17 08:56  创想中国(羲闻)  阅读(6685)  评论(17编辑  收藏  举报