40个让你的网站更加友好的jQuery插件(1)

浏览数:487

一个插件的基本功能是执行一个含有元素集合的函数数组。每个方法和jQuery核心组成一个插件,如.fadeOut() 或.addClass()。一个jQuery插件是一个基本的可以扩充jQuery 原型对象的方法。当原型对象被扩充后,jQuery所有的对象都可以继承每一个扩充的方法。

jQuery有强大的社区支持,社区里有很多技能娴熟的开发者夜以继日的创造出令人惊叹的脚本和网络应用。然而,这将增大了为你任务筛选插件的难度。这就是你为什么会看到此推荐,你将在这里找40个必须的jQuery插件集合,当你应用这些插件时,将会让你得网站变得更加友好。

好好享受吧!

1.FlowType.js

FlowType.JS是一个可以自动调整字体大小和行高(根据父类的宽)的jQuery插件,这样我们的内容将呈现出我们喜欢的样子。当调整大小时,它可以设置最小/大字体,最小/大宽度。同时它对webfonts有很好的支持,下面是个展示它如何工作的例子(试着改变改变浏览器的大小).

下载

2.jQuery Flat Shadow

jquery-flat-shadow

jQuery Flat Shadow是一个能够添加阴影效果到任何目标上的jQuery插件。它可以自定义阴影的颜色,角度,同时还可以控制阴影的开启和关闭状态。

下载

3.任意锚点JS

Arbitrary.Anchor.js是一个可以扩充标准锚点(通过#链接)功能的jQuery插件。它可以让我把目标投向任何jQuery选择器(如类和元素类型)而不仅仅局限于id。同时它对复杂的选择器支持的也不错。(如http://example.com#.sup.brah-这要匹配两个类)。点击链接将会产生平滑的自动滚动效果。而且,这个滚动的速度也可以在链接里设置(如 http://example.com#.sup.brah|100 )

下载

4.tidyTime.js

tidyTime.js是一个友好展示时间的jQuery插件。时间数值将被转化为如:“9点过一刻”,“5点整”,“7点57”字串等等。而且,这个插件允许我们可以在时间的前边或是后面添加自定义字串,如:“嗨,现在是3点50分,要快哦!”。也可以根据不同的时间戳指定字串,这样当触发 tidyTime时就会产生一个存在的回调。

下载

5.Sticky-kit

Sticky-kit是一个很方便的jQuery插件,它能简单的创建/管理粘性元素,而且一些组合特性也能用于复杂应用中。这些特性包括“处理多个粘性元素”,“根据元素在视图中的位置开启和关闭行为”以及回调。同时它也有根据浏览器大小改变重新计算元素尺寸的函数。

下载

6.Owl Carousel

Owl Carousel是一个可以让我们快速创建响应式旋转木马滑块的插件。它支持触摸和能够展示包含任何标签的HTML内容。它可以设置换页/滑动速度、开启 /关闭自动演示,展示豆子导航等。同时,也可以定义桌面显示项目的数目,Owl Carousel可以自动的区分平板和手机。

下载

7.SlimMenu

SlimMenu 可以将带有深度的非顺序列表转化为一个带有子菜单的菜单,在小屏幕上,菜单变成下拉式导航。它支持触摸和自定义选项如动画和速度。

下载

8.Tabulous.js

Tabulous.js是一个轻量级的jQuery插件,它能用普通的HTML结构来简单的创建。选项卡可以用CSS创建,同时存在开关效果(滑动,缩放,翻转)。它没有复杂的特性,就只有选项卡,它的特效有时就是我们想要的。

下载

9. EasyAB

easyAB

这是一个快速创建A/B或者多元测试的jQuery(和Zepto)插件。一旦事件被触发,他们就会被Google Analytics中的自定义变量记录下来。easyAB可以添加任何数量的命令,同时它们可以自定义到JavaScript函数中。

下载

10. S Gallery

s-galalry

S Gallery是另外一款jQuery图片画廊插件,它能够在可以有响应事件的网格中显示图片。它的灵感是来自于sony产品首页的画廊效果(sony产品首页是用flash制作的),然后S Gallery完全模仿了它。当某个单元格被点击并且获取到焦点的时候,你就可以通过向前-向后按钮或方向键来浏览其他的图片。

下载


咨询热线:
18066867499