30款免费使用的jQuery插件合集分享

2016-02-16 22:48 22 1 收藏

今天图老师小编给大家精心推荐个30款免费使用的jQuery插件合集分享教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - 平面设计 】

4月的资源合集够用么?这次的我们又为开发者和设计师单独做了一个jQuery的插件合集。有了这30款新鲜热辣的jQuery插件,你的设计与开发会如有神助!它们不仅会让让你速度更快,而且能使产品更加人性化更酷炫!jQuery插件越来越多,这并不奇怪,因为它们正在疯狂流行。于是,在挑选的时候,我们也容易陷入选择强迫症。为此,我们精心挑选了30款保质保量的优质jQuery插件。

1、Data Img

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

这是一款处理响应式图片的小巧jQuery插件。

2、Font Icon Picker

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

这款jQuery插件可以让你拥有一款可搜索、分页显示的图标选择器。图标列表可以通过选框直接显示,也可以直接显示一列或者从Fontello config.json文件中直接读取。

3、Ratchet

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

使用简单的HTML、CSS和JS组件来构建移动APP。

4、Matter.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

HTML5 JS物理引擎。

5、Notebook

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款为web应用定制的富文本编辑器,设计简约优雅,所见即所得。

6、ProgressJs

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

ProgressJs是一款JS和CSS3的库,它可以帮助开发者创建和管理页面中任何地方的进度条。你可以使用它来调整模板样式,甚至可以自己定制全新的组件。

7、Doctored.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款全新的编辑器。

8、Placeholdem

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

Placeholdem是一款带动画效果的文本输入JS插件。

9、Dug.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

这是一款轻量级、简单的、与库无关的脚本,可以抓取网络上诸如JSONP这样的内容,并显示在自己的网站上。

10、Fluidbox

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

能复制并提升lightbox模块,带有流体过渡效果。

11、Wanker

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

响应式网页设计已经成为大势所趋。然而,网页信息本是用来阅读的,而非翻来覆去摆弄的。这款插件的意义也就在此。除了能让你的网页内容随着浏览器调整和自适应,还会在用户调整浏览器尺寸的过程中,声明信息。

12、Wookmark

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款用来创建动态多栏布局的jQuery插件。

13、rangeslider.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

小巧,简单快速的JS/jQ代码,用来填充HTML5中的 input type= range元素。

14、editable-table

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

这款jQuery插件能将任何表格转换成可编辑的电子表格。

15、InstantClick

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

绝大多数的情况下,InstantClick可以使得导航栏的效率更高,从而极大地提高网站的浏览效率。,

16、Drop.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

首个高效下拉类库。

17、Jquery.keyframes

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

jQuery keyframes可以生成并快速地运行CSS3 Keyframes,让您更加专注内容,同时削减代码。

18、Highlight.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

Hlghlight.js专注于博客、论坛中的代码案例展示。它非常易于使用,因为它会自动识别代码,识别语言并高亮显示它们。

19、scrollReveal.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款超赞的滚动动画js代码。

20、Fit.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

Fit.js的目标简单而明确:帮你将不同的东西和谐地放到一起。

21、Lazyload

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

这是一款为图片,框架以及其他的东西提供延迟加载函数的jQuery插件。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)22、Orbit.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款为数据访问和同步设计的的独立库。

23、Least.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款带随机延迟加载效果的响应式jQuery、HTML5&CSS3图片库。

Mapsed.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

谷歌地图的jQuery集成插件。

25、CoverPop.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

CoverPop.js是一款轻量级、并与Cookie整合的Lightbox插件。

26、jInvertScroll

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款轻量级的jQuery插件,用以实现向下滚动时的水平视差效果。

27、Webkit.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

一款力求同时运行于node.js和浏览器端的实验性webkit JS端口。这款功能不完整的插件目前主要提供给开发者和贡献者使用。

28、Args.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

Args.js插件可以让你轻松地使用可选参数、默认阐述、参数组和命名参数来创建函数。如果函数调用不正常,那么它会检查类型并引发异常。

29、countUp.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

countUP.js是一款自由、轻量级的JS类库,用来快速创建有意思的数值数据动画。

30、Planetary.js

30款免费使用的jQuery插件合集分享,PS教程,图老师教程网

超酷的互动地球仪网页。

来源:http://www.tulaoshi.com/n/20160216/1576062.html

延伸阅读
标签: Web开发
1. Dynamic tooltip Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.   2. Popup Bubble Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and ...
标签: Web开发
必备的东西: Windows XP/Vista/7/2003/2008 Visual Studio 2005 or 2008 (download the correct version of Home Site project above) .NET Framework 2.0 and ASP.NET AJAX 1.0 今天,很多浏览器提供了使用tab的能力去浏览更多的网页和网站。当然这是一个非常有用的功能来替代同时打开几个浏览器,但如果提供在一个页面中浏览多个网页也...
标签: Web开发
同事推荐了Jcrop这个插件,到它的官方站点http://deepliquid.com/content/Jcrop.html下载了最新版的压缩包,压缩包中包括了Jcrop的几个demo文件,关键的Jcrop.js文件和jQuery.Jcrop.css文件。基本上来说参照它的几个demo文件就可以学会使用这个插件了。晚上正好学习研究了下,现简单总结如下,也方便下英文不好的朋友们。 使用插件必须条件:...
标签: Web开发
此按钮调用close方法关闭,弹出窗口,没有办法关闭,因为close方法需要以个参数,参数应该是那个iframe但是将其传入并不生效,不知道为什么在网上查找也没有找到解决方案。。 最后只好自己改其源码,在其close方法第一句中增加以下代码: if(box==undefined){ box=jBox.boxes[0]; } 然后用:window.parent.window.jBox.close();调用此方法...
标签: Web开发
插件代码: /*任意位置浮动固定层*/ /*没剑(http://regedit.cnblogs.com) 08-03-11*/ /*说明:可以让指定的层浮动到网页上的任何位置,当滚动条滚动时它会保持在当前位置不变,不会产生闪动*/ /*2008-4-1修改:当自定义right位置时无效,这里加上一个判断 有值时就不设置,无值时要加18px已修正层位置在ie6下的问题 */ /*调用: 1 无参...

经验教程

898

收藏

63
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部