15 款优秀的 HTML5 jQuery 插件

简介:

如果你在寻找能优化网站,使其更具有创造力和视觉冲击的工具,那么这里刚好要介绍能为博客或者网站添彩的 jQuery 插件。在这篇文章中我们手机了一系列的令人兴奋的 HTML5 jQuery 插件,帮助你创建更具吸引力,更漂亮的网站和博客。从改善标准 HTML 列表的易用性到在网页上放置 HTML5 驱动的音频播放器,以下的 jQuery 插件能为你的网站提供各种各样强大的功能。好好欣赏下面的 HTML5 jQuery 插件列表吧,希望大家能喜欢这篇文章,在列表中找到对你有用的 jQuery 插件。

  1. Dynatable
    screenshot

Dynatable 是个 jQuery 插件,能很好的改善标准 HTML 列表的可用性。一旦初始化,插件就会通过列表的行和列转换成 JSON 对象数组,时刻准备操作。它可以提供强大的排序,过滤,分页或者是搜索 API,同时可以用简单的方式处理所有操作,可以被用于其他架构的 HTML 元素,比如 list。

  1. Least.js
    screenshot

Least.js 创建随机响应式的 HTML5 和 CSS3 图像库,包括 Lazyload。它非常容易安装和使用,而且最终效果都是非常华美和漂亮。

  1. Echo.js
    screenshot

Echo 是个独立的 JavaScript 延迟加载图像工具。Echo 使用 HTML5 data-* 属性,速度非常的快。Echo 可以在 IE8+ 的浏览器运行, 它是非常简单的图像延迟加载工具,大小最小为 1KB ,是个 library agnostic(没有 jQuery/Zepto/other)
Lazy-loading 只会在元素将要被查看时才会请求从服务器中加载图像,通过简单的修改图像 src 属性就可以自动运行。同时这也是异步操作的一个优势所在。

  1. Slippery
    screenshot

Slippry 是个 jQuery 图像库插件,拥有很多现代化时尚元素。首先,它使用 HTML5-CSS3 标记,在响应式布局(可选)上运行的非常好。它可以变成 Sass 或者是 CSS 样式,有多种转换选择,其中包括 Ken Burns 效果。
滑块可以设置为自动滑动,显示标题,后退-前进+导航控制。它提供重大事件函数的回调,多个示例和一个详细文档。

  1. jQuery. Deviantartmuro
    screenshot

jQuery.deviantartmuro 是个 jQuery 插件,提供方便的 deviantART muro HTML5 绘制应用的嵌入式 API 封装,允许用户提供图片绘制和编辑的第三方网站。网站上嵌入的 deviantART muro 允许用户从网站传递图片到 deviantART muro,用户可以编辑那些图像,编辑后保存数据再传递回网站中。用户可以制作相关脚本来使用大量的 deviantATR muro 工具,比如过滤器。

  1. AudioPlayer.js
    screenshot

AudioPlayer.js 是可以在任何 web 页面快速放置 HTML5 驱动的 jQuery 音频播放器插件。这款插件的界面非常别致(不使用任何图片),有个响应式的布局,支持触摸。它有着主要的控制功能(播放,暂停,音量和播放时间);大小只有 4 kb。

  1. HTML5 Sortable
    screenshot

HTML5 Sortable 是个创建可排序列表和网格的 jQuery 插件,使用本地 HTML5 拖拽 API。它有类似 jQuery UI 的 API + 行为。这是个轻量级插件(压缩后小于 1kb),支持 “连接列表(在不同列表转移条目)”,最厉害的是兼容所有主流浏览器。

  1. Acron Media Player
    screenshot

Acorn Media Player 是个 jQuery 插件,用来创建一个无障碍环境的自定义 HTML5 媒体播放器。它可以完全由键盘控制i(标准的基于 tab 的菜单导航),支持屏幕阅读和访问主题,各种其他的无障碍环境调整。这款插件支持封闭的字母,从选择的字幕中生成动态的文字副本。

  1. jPlayer
    screenshot

jPlayer 是个完全免费和开源的媒体库 (media library)。作为jQuery插件的一员,使用jPlayer可以在你的网页上轻松加入跨平台的音乐和视频。通过jPlayer的API,你可以构想出具有创意的影音解决方案。jPlayer 还支持 Zepto 1.0 +编译模块的数据。 在线演示

  1. Cuepoint JS
    screenshot

Cuepoint JS 是一个为 HTML5 视频增加提示点和字幕的插件,几秒就显示一组字幕。它提供一个设置时间的事件,可以用来附加任何元素跳到多媒体第二个提示点。在线演示

  1. jCanvas
    screenshot

jCanvas 是个 jQuery 插件,提供各种方法简化 HTML5 canvas 的使用。它提供许多准备好的形状,比如:三角形,椭圆形和圆弧,提供使用图像或者文本的方法。它可以定义画布的尺寸,从哪里开始绘制,开始点(x,y)和 其他更多强大的功能。关于样式风格,可以使用名字,HEX,RGB 或者是 RGBA 来定义颜色,可以使用梯度渐变或者模型。

  1. Droparea
    screenshot

Droparea 是个 HTML5 拖拽文件上传 jQuery 插件,服务端包含一个 PHP 脚本。简单的拖拽图片文件进去指定的区域,图片就会自动的上传到你的服务器。在上传的同时,用户可以看到上传的进度。目前测试结果支持 Google Chrome 和 Mozilla Firefox。

  1. Turn.js
    screenshot

Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件用来创建类似书本和杂志翻页效果,支持触摸屏设备。

Turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时。

  1. jQuery.HTML5Form
    screenshot

jQuery.Html5form 是个 jQuery 插件,添加没有 HTML5 表格验证功能到非兼容的浏览器中,不要求任何自定义函数或者代码。用户只要用 HTML5 语法创建表格,它就会自动执行。同时,这个插件还提供额外的一些功能,比如错误信息提示等错误处理方案,用户可以自行选择自己需要的。

  1. Visualize
    screenshot

Visualize 是个 jQuery 插件,使用 HTML5 canvas 标签把列表转换成图标或者图像。使用屏幕阅读技术或者其他辅助技术,用户可以很方便浏览已经格式化的数据,这是非常有用的一个功能。

via codegeekz.com

文章转载自 开源中国社区 [http://www.oschina.net]

相关文章
|
2天前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
36 21
|
3天前
|
JavaScript
jquery图片和pdf文件预览插件
EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
32 16
|
1天前
|
移动开发 JavaScript 前端开发
简单易用的jquery响应式轮播图插件ma5slider
ma5slider是一款简单易用的jquery响应式轮播图插件。该轮播图支持鼠标拖拽,可以通过CSS定制外观,支持无限循环模式,内置水平,垂直和淡入淡出三种轮播图过渡动画效果。
|
3天前
|
JavaScript
简洁实用的jQuery进度条插件
这是一款简洁实用的jQuery进度条插件。该插件使用简单,通过在页面中放置指定的HTML代码,即可生成带动画效果的进度条。
|
2天前
|
JavaScript 容器
jQuery文字跑马灯插件Marquee
jQuery.Marquee是一款jQuery文字跑马灯插件。jQuery.Marquee跑马灯插件可以结合使用CSS3动画,制作文字的上下左右移动效果。
|
3天前
|
JavaScript
jQuery Lightbox和弹出层插件flashy
Flashy.js是一款响应式jQuery Lightbox和弹出层插件
|
1天前
|
JavaScript 容器
jQuery消息通知显示插件
MessageNotifyPlugin是一款简单的jQuery消息通知显示插件。该jQuery消息通知显示插件能够自动生成最新消息和提醒消息两个消息通知按钮。并且可以设置消息的是否已读状态等
8 2
|
7天前
|
JavaScript 前端开发 iOS开发
ios样式开关按钮jQuery插件
ios样式开关按钮jQuery插件
33 7
|
7天前
|
JavaScript 前端开发 API
漂亮的jQuery对话框插件Dialogify
这是一款jQuery对话框插件。该对话框插件使用dialog元素和 HTMLDialogElement API来制作对话框, 可以生成漂亮的对话框效果。
28 7
|
7天前
|
JavaScript
jQuery响应式垂直侧边栏插件rvnm
jQuery响应式垂直侧边栏插件rvnm