12款不容错过的新款jQuery插件
摘要:jQuery有一个较大的优势是,它的文档说明很全,各种应用也说得很详细,同时还有许多成熟的插件可供选择。这也正是jQuery受到用户青睐的原因之一。文章收集了最近刚发布的jQuery插件,包括CLNDR.js、Glide.js等等。
本文来自CodeGeekz,作者是Gavin。jQuery是一款快速、简明的JavaScript类库,jQuery的语法设计可以简化HTML文档对象、事件处理、选择DOM元素、制作动画效果、使用Ajax以及其他功能。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
下面收集的这12款刚发布的jQuery插件将会对你的开发任务起到事半功倍的效果。
1. Responsive Elements
Responsive Elements作为jQuery的一个插件,使得在Web网页里需要使用元素这一过程变得更加简单。此插件在元素里添加各种类(如大于100、小于150小于200),这就能告诉我们“每个元素的确切大小是多少”。另外,使用这些预定义的类可以帮助我们为每一个场景创建不同的风格。类的范围(从X像素到Y像素)和类的区间也是可以自定义的。
2. CLNDR.js
CLNDR.js是一个jQuery插件,用于创建日历并且可以按自己需求随意定制。该插件没有产生任何标记,而是使用Underscore.js HTML模板填充数据。它还有“随时可用”选项确定星期抵消,日期会在最初加载的时候显示,随意点击事件(例如下一月/上一月)等功能。值得一提的是,CLNDR.js并不是一个利用玩的方式来创建日历的,而是一个功能丰富的、能把人们心目中想要的独一无二的日历创建出来的一个样板。
3. AnimateScroll
AnimateScroll只是一个很小的jQuery插件,其功能是为滚动添加相对宽松的效果。可以自定义滚动的风格(30个滚动效果)和滚动的速度。此外还有一个“填充”选项,用来控制滚动结束的位置。AnimateScroll插件并不仅仅局限于页面的整个部分,但特定包装器元素也可以有针对性。
4. JInvertScroll
JInvertScroll是一个能够巧妙地处理默认滚动行为同时可以实施水平滚动的jQuery插件。这个轻于1KB的轻量级插件无需安装就可以使用。添加一个特定的类来包装器元素和调用一个JavaScript函数就已经足够了。与此同时,它还简化了利用onScroll回调方式来创建视差效果的步骤,这个视差效果可以决定激活哪一个元素。
5. Intention.js
Dow Jones创建了Intention.js插件,它可以更加简便的开发出响应式布局。这个插件可以减少对CSS媒体查询的需求,还能为重组HTML提供一个高度灵活的解决方案。它有3个基本的操作方法、属性、类和配置,它们都可以用HTML属性来设置。Intention.js插件带有“随时可用”的设置,可以控制宽度临界值、触摸设备、高分辨率显示器和一个后退,所有的这些都是可以完全自定义的。
6. NProgress
NProgress插件是一个纳米进度条,应用于复杂网页的细长进度条。可以说它的来源是从Google、YouTube和Medium那里得到的创作灵感。以现实的细流动画为特色,来让你的用户相信有些重要的事情正在发生。插件NProgress.js对于Turbolinks、Pjax和其他的Ajax级别的App来说简直是完美的搭配。
7. Flowtype.js
FlowType.JS是一款jQuery插件,它能根据容器的宽度自动调整字体大小以及行间距,这样内容就能像我们想要的那样显示出来。
8. Failsafe.js
FailSafe.是一个可以在危险环境下帮助App正确运行的jQuery插件。换句话说,它甚至考虑到了在断网情况下和低电量情况下如何运行——插件会很友好的向用户发送提示信息。在某些断网或高电压情况下,这个插件无法正常使用网页上的一些元素。
9. jQuery Fullscreen Editor Plugin
这一插件可以将文本域转换到可定制的编辑器里,既可以在表格中使用也可以单独使用。如果在全屏编辑器里的时候可以调整最大宽度和高度,还可以在编辑器后面覆盖上一层半透明的覆盖物。切换全屏模式时候的过渡效果可以是淡入淡出式或滑入式的。
10. jQuery Tweetable.js
Tweetable.js插件可以更加简便的把语句和代码片段tweet给你的用户。那样就抓住所有可tweet数据元素的属性,并创建可点击的链接。如果所说的属性有一个固定的值,那么tweet文本就会被设置成那个值。链接在默认的情况下是没有什么特色的,但是这些链接都是用给定的类创建的(默认情况下是可以tweet出去的)。
11. Glide.js
Glide.js是一款响应式和对触摸友好的jQuery滑块。基于CSS3转换实现,并在低版本浏览器降级处理。Glide.js简单,重量轻,快速,适用于智能手机,平板电脑和台式机。它支持Swipe事件,箭头和子弹导航,键盘导航,公共API回调,自动播放和悬停暂停功能。
12. EasyDropDown
EasyDropDown是一个jQuery插件,你可以毫不费力地将简陋的Select元素设置为可定制风格的下拉菜单,用于表单或者一般的导航。和著名的下拉插件Chosen很像,但是具有自己的特点,例如:简洁、语义标记、兼容表单验证、完整的键盘控制、滚动支持、在触摸设备上降级为原生UI等等众多优点。另外,提供了Default、Metro、Flat三套不同风格的主题,相信能够满足你的需要