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

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

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

2013年已经过去,作为jquery的使用者,这里分享一下最佳的2013年Jquery插件。

后续将会,一一做实例介绍和说明。敬请期待~~

在过去的一年里,有很多很多的 jQuery 插件发布出来,而这里文章列出的这些插件从提供的功能更角度来看是其中的佼佼者。相信这些优秀的 jQuery 插件能够帮助 Web 开发人员把一些惊艳的功能和效果轻松的应用到自己的项目中。

噔噔@~~让人期待已久的2013年度最佳 jQuery 插件揭晓了。

  jQuery Scroll Path

  这款插件用于实现自定义路径的滚动效果。可以显示使用 Canvas 绘制路径线条和弧形,看到非常形象的运动效果。

  使用示例:

1
2
3
4
5
$(".your-container-element").scrollPath({
    drawPath: true,
    wrapAround: true,
    scrollBar: false
});

插件下载     在线演示

  Toolbar.Js

  Toolbar.js 是一款帮助你快速创建 Tooltip 风格工具栏的 jQuery 插件,可以用于网站或者 Web 应用。工具栏的风格可以使用 Twitter Bootstrap 的图标轻松定制,还提供了灵活的工具栏展示位置和图标数量配置。

  主要特色:

  • 简单的实现,简单的参数设置;

  • 根据需要,可以运行尽可能多的工具栏;

  • 工具栏可以连接到所需的任何元素;

  • 工具栏的图标能够通过流行的 Twitter Bootstrap 框架定制;

  • 工具栏能够响应元素的尺寸变化。

9 jQuery Plugins for Enhancing Website Navigation

插件下载    在线演示

freetile.js

  Freetile 这款 jQuery 插件,用于高效的组织网页内容为动态、响应式的布局。

  使用示例:

1
$('#container').freetile({ animate: true, elementDelay: 30 });

8 jQuery Plugins for Layout and UI Enhancments

插件下载     在线演示

  gridster.js

  这款插件用于实现神话般的可拖放的多列网格布局,允许建立直观的跨越多个列的拖动布局元素。

  使用示例:

1
2
3
4
5
6
7
8
$(function(){
  
    $(".gridster ul").gridster({
        widget_margins: [10, 10],
        widget_base_dimensions: [140, 140]
    });
  
});

8 jQuery Plugins for Layout and UI Enhancments

插件下载     在线演示

  Fancy Input

  这款 jQuery  插件不只是关注外观,同时在交互方面通过 CSS3 特性让文本输入域变得更有趣,更有吸引力。

插件下载     在线演示

下一篇:


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

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

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

给您更多信息和帮助

在这里您可以找到更多:

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

投稿:[email protected]

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

echarts教程系列
本月最热文章

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

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:[email protected]

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