现在位置首页 / 前端开发 /正文

2013年度最佳 jQuery 插件集合(2)

作者: IT小兵 | 2014年2月10日| 热度:℃ | 评论: |参与:


  jQuery File Upload

  这是最受欢迎的 jQuery 文件上传组件,支持批量上传,拖放上传,显示上传进度条以及校验功能。

  支持预览图片、音频和视频,支持跨域上传和客户端图片缩放,支持的服务端平台有:PHP, Python, Ruby on Rails, Java, Node.js, Go 等等。

  使用示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$(function () {
    'use strict';
    // Change this to the location of your server-side upload handler:
    var url = window.location.hostname === 'blueimp.github.io' ?
                '//jquery-file-upload.appspot.com/' : 'server/php/';
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo('#files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .progress-bar').css(
                'width',
                progress + '%'
            );
        }
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});

Fresh and Useful jQuery Plugins

插件下载      在线演示

  jQuery Validation Engine

  这款插件的校验提示效果很漂亮,基于 CSS3 实现,可以参考一下。

Fresh and Useful jQuery Plugins

插件下载      在线演示

  equalize.js

  用于均衡元素的的高度或宽度的 jQuery 插件。这对于统一页面元素规格的布局非常有用。

  均衡 id 为 width-example 的元素的宽度的使用实例:

1
$('#width-example').equalize('width');

  均衡 class 为 parent 的元素的子段落的使用实例:

1
$('.parent').equalize({children: 'p'});

8 jQuery Plugins for Layout and UI Enhancments

插件下载     在线演示

  NProgress

  NProgress.js 是纳米级的进度条插件。拥有逼真的的涓涓细流动画效果来告诉你的用户,某些事情正在发生。它的灵感来自于谷歌,YouTube,应用了,这款苗条的进度条是完美的,适用于 Turbolinks,Pjax 以及其他重 Ajax 的应用程序。

8 jQuery Plugins Worth Checking Out

插件下载      在线演示

  FlowType

  在理想的情况下,最易读的版式包含每行的字符在45和75之间。所有的屏幕宽度只用 CSS 媒体查询是很难完成的。

  FlowType.JS 简化了这一困难,基于 特定元素的宽度改变字体大小和随后的行高的,这使得在任何屏幕都有完美的排版。

8 jQuery Plugins Worth Checking Out

插件下载      在线演示

  Device.js

  Device.js 是一个很小的 JavaScript 库,它简化了编写和平台,操作系统或浏览器相关的条件 CSS 或 JavaScript 代码。

8 jQuery Plugins Worth Checking Out

插件下载      在线演示


点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询