开发者社区> 美人迟暮> 正文

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]

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
24948 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
18381 0
Jquery 中为后生成或插入的 Html 元素先设定响应事件处理方法
Jquery 中为后生成或插入的 Html 元素先设定响应事件处理方法 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循“署名-非商业用途-保持一致”创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS、Android、Html5、Arduino、pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作。
762 0
常用JQuery插件整理
 jquery UI(官方的UI插件,功能很多,但我只用少数几个)   jQuery EasyUI   jQuery LigerUI   对话框:   artDialog(很欣赏这个插件,又强大又美观)   AsyncBox(制作者小吴同学也是博客园的人呢)   jBox(继续国人的插件...
806 0
jquery插件整理篇(五)分页插件
(1)jQuery Pagination jQuery分页插件jQuery Pagination 热点图书:www.hotbook.cn (2)pager jQuery plug-in jQuery分页插件。
593 0
jquery插件整理篇(一)导航类jq插件,菜单jq插件
(1)Horizontal accordion: jQuery 基于jQuery开发,非常简单的水平方向折叠控件。 (2)jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。
1508 0
jquery插件整理篇(六)HTML编辑器插件
(1)jwysiwyg WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。   (2)Damn Small Rich Text Editor 基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。
735 0
jquery插件整理篇(九)数据验证类
1. jQuery plugin: Validation jQuery校验插件。jQuery plugin: Validation 2. Masked Input Plugin 热点图书:www.hotbook.cn Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。
967 0
jquery插件制作 -- 5.提示框插件
  今天我们介绍的是提示框插件tooltip的制作,其中还会介绍到自定义选择器插件的开发。   我们首先来介绍自定义选择器的开发,他的代码结构如下: (function ($) { $.expr[':'].customselector = function (object,index,properties,list) { //code }; })(jQuery); 调用时候的写法: $(a:customselector)   现在我们先解释下函数中所使用到的各个参数。
757 0
+关注
美人迟暮
Nothing for nothing.
1019
文章
212
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载