苏飞论坛

标题: 提高页面响应的20款杰出的jquery插件推荐 [打印本页]
作者: 站长苏飞    时间: 2012-10-17 15:24
标题: 提高页面响应的20款杰出的jquery插件推荐
jQuery的是一个快速，简洁的JavaScript库，它简化了HTML文档遍历，事件处理，动画和Ajax交互网络的快速发展，  jQuery的目的是改变你写JavaScript的方式。  

jquery改变了开发人员的设计方式，每天jQuery 插件都被不断被创造，最新的 jQuery 插件和脚本的 对于web 设计人员和开发人员总是很需要的。
今天就给大家分享20个精美的 jQuery 插件、包括 滑块、 图像画廊、 幻灯片显示插件、 jQuery 导航菜单、 交互式地图、 手机界面、 手风琴菜单、 工具提示插件和收集许多其他有用的 jQuery脚本。你可以尽情下载用在你的项目当中
进一步阅读推荐35个精心挑选的jquery图像内容滑块
开发人员应该知道的15个吸引力的jquery lightbox插件推荐
jquery视差推荐：nikebetterworld视差平滑滚动效果
20个真棒的jquery和css打造的图片动画效果（网站背景随时变换,广告牌效果..）！
25美丽大气的jQuery滑块插件推荐

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

Tooltipster是一个轻量级的jQuery插件，使您可以轻松地创建漂亮的HTML5验证工具提示。该插件是小尺寸（4.8kb），工作速度快，可以轻松定制。
可以改变它的外观与主题支持（CSS）和箭头的位置，跟随鼠标移动，延迟/周期的外观都可以被定义。
网址： http://calebjacob.com/tooltipster/
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


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插件

Really Simple Slideshow是一个灵活的jQuery插件可以创建任何类型的图像滑块。动态加载图像的每一个要求，允许加载较大的幻灯片，而不必预先加载大量的图片。
该插件可将任何图像转换到幻灯片列表，它可以显示字幕与每个幻灯片，包括链接，并有多种过渡效果。
兼容性：兼容所有浏览器
Website: http://reallysimpleworks.com/slideshow/
Download:https://github.com/reallysimple/Really-Simple-Slideshow
响应jQuery滑块：IVIEWSLIder

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

Sidetap的移动Web应用程序（2KBgzip压缩）是一个轻量级的框架。
是一个简洁轻量级的移动 Web 应用开发框架，它专注于提供类似于 Path 或者 Sparrow 这样的侧导航形式的 UI 体验。

要求: 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

Flickrshow是一个简单的JavaScript Flickr图片幻灯片。
网址： http://www.flickrshow.co.uk/
下载： https://github.com/beseku/javascript.flickrshow
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

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 还能定义地图放大的级别，添加标注，获取当前用户的地理位置（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库，创建一个按时间顺序的图形时间轴的事件。
整个时间线水平方向显示，我们可以方便的显示任何时间长度的事件，并且提供一个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

SuperScrollorama 是一个用来实现超酷的滚动动画效果的 jQuery 插件。
实现的效果有：文字褪色，飞，旋转，缩放，斯马什，针脚，滑动，隐退，反弹，颜色，扔，移动，视差。

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

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

ddSlick，一个免费的轻量级的jQuery插件，为创造一个更好的外观和更多信息的图像和说明，列表菜单的下拉菜单（列表菜单）。
它可以作为一个下拉菜单，在这里我们可以使用一个简单的文本的图像和说明
兼容性：所有主流浏览器
网站：http://designwithpc.com/Plugins/ddSlick
真棒jQuery的日历：jQuery Verbose Calendar

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

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

它是专门设计用于创建跨浏览器的动画,而无需调整任何个别浏览器或平台。
能够让创建动画媒体而不需要改变任何代码，支持桌面和移动浏览器。它没有使用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组件的集合，是建立在jQuery的，轻量级的代码，以完成特定的工作。
minjs 是一组轻量级的 jQuery 组件，提供多种 Web 常用组件，包括表单、表格、日历等，其中迷你表单帮助你使用 HTML5 表单增强，尽管浏览器不一定支持也可以使用。
目前，有3个组成部分：minform，longtable和dtcal。
minform带来了跨浏览器兼容HTML5表单增强功能（属性：占位符，所需和自动对焦）。
兼容性：所有主要浏览器
网址：http://www.minjs.com/

实时阴影：jQuery-Sensitive & Realistic Shadows

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 插件

兼容性：所有主要的浏览器
网站：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

作者: gangn    时间: 2013-9-15 11:37
我刚学到jquery...
谢谢飞哥哥了
作者: 快乐男孩    时间: 2013-12-13 15:49
怎么用呢
作者: 站长苏飞    时间: 2013-12-13 16:18
快乐男孩 发表于 2013-12-13 15:49
怎么用呢

这就是一个JS文件，直接拉到页面就可以用
作者: wdfgta    时间: 2014-8-11 16:04
受教了，学习中……真强大



欢迎光临 苏飞论坛 (http://www.sufeinet.com/) Powered by Discuz! X3.4