2013年排名前100的jQuery插件(第5/5部分)

从100开始递减,这是我们认为是2013年最好的jQuery插件。 这是20-1个条目 。 注意:如果某些较旧的插件在2013年进行了重大升级,则可能会推荐使用。

20.自定义滚动条

使用CSS完全可自定义的自定义滚动条插件。 具有垂直/水平滚动,鼠标滚轮支持(通过jQuery mousewheel插件),滚动按钮,具有缓动的滚动惯性,自动调整的滚动条长度,嵌套的滚动条,滚动到功能,用户定义的回调等等。

Custom-Scrollbar.jpg
来源+演示

19. Adipoli jQuery图像悬停插件

Adipoli是一个简单的jQuery插件,用于带来时尚的图像悬停效果。

Adipoli-Image-Hover.jpg
演示

18. Mobi Pick

jQuery Mobile的Android风格的日期选择器小部件。 它使用日期库XDate,并允许使用Modernizr逐步增强日期输入字段。

Mobi-Pick1.jpg
演示

17. Parsley.js

Javascript表单验证,而无需实际编写任何JavaScript代码!

香菜-JS.jpg
来源+演示

16.选择2

基于jQuery的选择框替换。 它支持搜索,远程数据集和结果的无限滚动。

Select2.jpg
来源+演示

15. jQuery UI映射

适用于jQuery和jQuery Mobile的Google Map v3插件

jQuery-UI-Map.jpg
演示

14. Hook.js

拉刷新。 对于网络。

Hook-JS.jpg
来源+演示

13. ModalBox

强大的jQuery插件,可用于突出显示照片,视频,地图,AJAX内容或嵌入式HTML内容。 ModalBox也可以用于显示警报,确认或提示框。

ModalBox.jpg
演示

12.iPicture²

它是免费的iPicture jQuery插件的演变。 iPicture²使用javascript和css3创建带有额外描述,嵌入式视频,链接或其他所有内容的交互式图片。

iPicture².jpg
演示

11.画布查询

HTML5 Canvas元素的包装器库,使它可以与类似jQuery的语法一起使用。 它还增加了许多常用的图像处理方法,这些方法对于游戏开发人员很方便。

Canvas-Query.jpg
演示

10.百分比装载机

一个jQuery插件,比无处不在的水平进度条/文本计数器更直观地显示进度小部件。

Percentage-Loader.jpg
来源+演示

9. Moment.js

一个用于解析,验证,操作和格式化日期的javascript日期库。

Moment-JS.jpg
来源+演示

8. Chart.js

面向设计人员和开发人员的简单,面向对象的客户端图形。

Chart-JS.jpg
来源+演示

7.培根!

一个jQuery插件,可让您将文本环绕在贝塞尔曲线或直线上。

培根.jpg
来源+演示

6. rainyday.js

rainyday.js背后的想法是创建一个JavaScript库,该库利用HTML5画布来渲染掉落在玻璃表面上的雨滴的动画。

Rainyday-JS.jpg
演示

5. jQuery文件上传

File Upload小部件,具有多个文件选择,拖放支持,进度条,验证和预览图像,jQuery的音频和视频。

jQuery-File-Upload.jpg
演示

4. Vegas Background jQuery插件

Vegas是一个jQuery插件,可为您的网页添加漂亮的全屏背景。 您甚至可以创建惊人的幻灯片。

Vegas-Background.jpg
演示

3.狡猾

JavaScript库,用于基于项目导航的单向滚动。

Sly.jpg
来源+演示

2. jQuery Social Stream插件

包括Facebook,Twitter,Google +和LinkedIn共享链接,使您的社交网络流更具交互性,有助于宣传您的社交网络帖子并增加流量!

jQuery-Social-Stream.jpg
演示

1. MixItUp

CSS3和jQuery筛选器和排序插件

MixtItUp.jpg
来源+演示

From: https://www.sitepoint.com/top-100-jquery-plugins-year-2013-part-55/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RainyxDate 1.0 一个获取日期(公历、农历)的js插件 一、用法: 1、引入: [removed][removed] 2、调用: JS调用: 此段js调用代码最好放在显示日期的页面里,不要放在外调的js文件中,否则ie6显示会有问题 [removed] $(document).ready(function(){ //网页一般都会用到jQuery吧,所以要记得引入jQuery库 //日期调用 var d = GetCNDate(); //调用农历的语句 var a = GetYLDateYMDW() + " " + d; //调用阳历时间 $('#time').html(a); //“time”为显示时间div的id }) [removed] Html写法: * 二、函数: function GetNlDate() 获取农历日期字符串,例如:“壬辰(龙) 腊月十四” function GetGLDateAll() 获取完整的公历日期字符串,例如:“20131月25日 下午 2:59:11 星期五” function GetGLDateYMDW() 获取、月、日、星期的公历日期字符串,例如:“20131月25日 下午 星期五” 三、说明: 这只是实现基本功能,需要其他显示效果的自己写函数吧 ~~ 四、缺陷: 1、只能读取并计算出客户端的时间,如果客户端时间不准,那你懂的;解决办法也有,就是写服务端代码,不过服务端代码不利于静态页面生成(就是说生成的静态页面无法自动更新日期);再解决也有,思路可能是js调用服务端时间,然后在显示到页面上,想想都复杂... 2、无法读秒,这个在js调用中加入一个计数器就可以了,用jQuery还是比较容易实现的,没更多说明了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值