代码笔记

收集一些不错的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完全仿照了它。当某个单位格被点击而且获取到核心的时候,你就可以通过向前-向后按钮或偏向键来欣赏其他的图片。

下载

11. Twenty Twenty

twenty-twenty

TwentyTwenty 是一个视觉扩散东西,很是容易的就可以或许辨认出它们。它的道理是两张图片相互堆叠在对方的上面。当滑块移动通过整个图像的时候,它操作css的属性来调解左侧的图像。这答允右边的图像显示通过容器。

下载

12. SMint

smint

    Smint 是一款轻便的jQuery插件,她可以辅佐你实现一页气势气魄网站的导航。她由两个元素构成,一个是粘性的导航条,他可以在你转动你的页面时逗留在整个页面的顶部;另一个是菜单按钮,它可以自动地让页面转动到你锁点击的区域。SMINT是一个简朴的插件,她又一个选项可以节制页面的转动速度。她的默认速度是半秒钟,虽然你也可以把她配置到任意你想要的时间。下载的组件中还包括有例子,她们都可以免费的作为您单页网站的惹眼的模板。

下载

13.Loda Button:加载时的动态按钮

loda-buttons

    Loda Button 是一款浅易的jq插件动态按钮图标,在期待从处事器获取数据时利用。loda-btn和loda-icon的样式被用在了这款插件的按钮组件中。他的样式十分简朴,而且安排在loda-button.css文件中。此组件的动态结果是利用支持Chrome,Firefox,Opera和IE10的CSS3/' target='_blank'>css3的animation,transitions和transforms实现的。

资源

14. Pop Easy

pop-easy

PopEasy是一个轻量jQuery插件,它是任何一个像等闲建设模态窗口的开拓者所必备的。通过在你的页面上应用一个遮罩结果并弹出一个定制的模态窗口,来让你的核心放在重要的信息上。

要在页面上利用多个模态窗口,你必需在你但愿打开的div层中同步id触发器的href属性。这种事情道理和从一个弹出的模态过渡到另一个模态的道理是一样的。只需要在你但愿分开的模态窗口中安排一个href毗连,它和另一个模态的id相匹配。
 
源码

15. Reveal

reveal

    Reveal很了不得,实现起来也简朴,是一个跨欣赏器并兼容现代欣赏器(还带有优雅降级成果)。同时它很轻量,只有1.75KB。配置Reval模态只需要三步。附加所需文件,放入模态的标志处然后给你的按钮添加属性。Reval遵守MIT许可。

源码

16. Hide/Show Password Plugin

hide-show-password-plugin

    Hide/show Password插件让你等闲埋没和显示暗码输入栏中的内容。这个插件最酷的部门就是”innerToggle“选项。当配置为开的时候,它可以很容易建设大度埋没/显示 控件,你可以定制本身喜欢的样式。在触屏欣赏器中,你滑动的时候它甚至能保持输入核心。

源码

17. Readmore.js

read-more

Readmore.js是一个滑腻的,轻量的jQuery插件,用于折叠和展开大段的文本。并带有“阅读更多”和“封锁”链接。 Readmore.js所需的标志语言极其轻量而简朴。不需要div层的巨大配置可能硬编码的类名,只需要在包括大段文本的元素里挪用.readmore(),Readmore.js就会帮你处理惩罚剩余的事情。

源码

18.向上转动

\

    ScrollUp是一个轻量级jQuery插件,它可以简朴的建设合用于任何网站的用户自界说“向上转动”特性。给activeOverlay配置一个可用的CSS颜色,这样你可以建设一个可见的线条辅佐你抉择一个适合的高度(呈现向上滑动的标识,译注)。

源码

19.FlipClock.js

\

FlipClock.js是一个可泛起任何和时间相关的可反复性特效的jQuery插件。FlipClock.js可支持作为一个时钟,倒计器和计时器,同时用户也自界说完整的CSS来改变它的外观。它有可以自动开始的选项,尚有许多回调要领来节制(start,stop,getTime,setTime...)。同时,它也有可以增加成果的全成果API。

源码

 

20. Mobiscroll

mobile-scroll

Mobiscroll是用于触摸设备(安卓手机,iPhone,Galaxy平板)的旋转滚轮/日期和时间选择器的jQuery插件。这个控件能等闲地定制来支持任何通例值并能用于通例选择控件(下拉列表)作为直观的选择项。这种控件可以改换主题,你可以在CSS里变动外观。它还带有预界说,大度的配色方案,并通过了IOS4,Android 2.2,Android 2.3,Chrome,Safari,Firefox和IE9的测试。

源码


  • 共2页:
  • 上一页
  • 1
  • 2
  • 下一页

  • 推荐阅读

    JQuery筛选器备忘
    JQuery筛选器备忘
    用jquery刷新当前页面方法
    用jquery刷新当前页面方...
    为jQuery添加“鼠标停止时
    为jQuery添加“鼠标停止...
    jquery原生文章内图片展示
    jquery原生文章内图片展...