`

【转】12款不容错过的新款jQuery插件

 
阅读更多

本文来自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三套不同风格的主题,相信能够满足你的需要。(编译/薛梁  校审/付江)

分享到:
评论

相关推荐

    前端不容错过的jQuery图片滑块插件

    作为前端开发者,我们会碰到很到各种各样的jQuery插件,但老实说,很少有自己写的。今天要分享的几款jQuery图片滑块插件,也就是jQuery焦点图插件,基本上会在每个网站都有应用,可以下载看看,也许你可以用到。 1、...

    不可错过的jQuery插件宝库

    本文件中收集了一系列非常好用,非常经典的的jQuery插件,如FeaturedContentSlider , featureList ,image rotator , jFlowTutorial ,MovingBoxes ,slider-gallery_files以及...是一款你不容错过的经典的插件宝库。

    jQuery 收费插件包大全

    1. **3D效果**:jQuery插件中的3D效果可以为网页增添深度感和动态性,例如3d桌面插件,它可能提供了模拟真实桌面环境的3D视图,使用户在浏览网站时有更沉浸式的体验。这种技术常用于产品展示、图像旋转或动画效果中...

    不容错过的好书 《锋利的jQuery》

    除此之外,书中还涉及到了jQuery插件的开发,这对于希望深入理解jQuery并扩展其功能的开发者来说是非常宝贵的。学习如何创建和使用插件,可以帮助开发者更好地定制自己的项目,提高工作效率。 最后,为了帮助读者更...

    jQuery Select 下拉单选框模拟插件

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨“jQuery Select 下拉...对于那些希望改进下拉框交互性的项目,这是一个不容错过的选择。

    尚硅谷_教学课件_jQuery

    6. **插件使用**:探索jQuery插件的安装和使用,了解如何利用插件增强网站功能。 7. **性能优化**:学习如何编写高性能的jQuery代码,减少DOM操作,提高页面加载速度。 8. **实战项目**:通过实际项目锻炼jQuery应用...

    jQuery回到顶部插件GoUp.rar

    《jQuery回到顶部插件GoUp:前端开发中的经典动画效果》 在网页设计与开发中,用户界面的交互性是提升用户体验的关键因素之一。...对于想要提升前端技能的开发者来说,这是一个不容错过的学习资源。

    60个开发者不容错过的免费资源库

    Windows是一款用于实现全屏滚动效果的jQuery插件,它可以让网页内容以连续滚动的形式展示,创造出类似于翻页的动态效果,提升网页的视觉冲击力。 #### 13. Slider - 流畅的滑动背景插件 Slider插件提供了一个免费...

    jquery-1.71

    《jQuery 1.7.1:前端开发的强大工具》 jQuery,这个JavaScript库,自2006年发布以来,就以其简洁的API和强大的...对于那些想要学习或者升级jQuery技能的开发者来说,这个压缩包无疑是一个宝贵的资料库,不容错过。

    jquery multiSelect

    《jQuery multiSelect插件详解与应用实践》 在Web开发中,我们经常遇到需要实现下拉多选功能的情况,这可以提升用户界面的交互性和效率。...对于那些需要处理大量选项或复杂选择场景的项目,它是不容错过的选择。

    9种不同效果的jQuery背景动画代码.zip

    《jQuery背景动画代码详解》 在网页设计中,动态效果是吸引用户注意力的重要手段之一,jQuery作为一款强大的JavaScript库,提供了丰富的动画...对于有志于深入研究jQuery动画的朋友们,这是一个不容错过的实践素材。

    jQuery EasyUI中文离线文档

    jQuery EasyUI 是一款基于 jQuery 的前端开发框架,它简化了网页界面的构建,提供了丰富的组件和样式,使得开发者能够快速创建功能丰富的、响应式...如果你对前端开发有兴趣或者正在使用EasyUI,这个资源绝对不容错过。

    jquery起步教程

    《jQuery起步教程》是一份专为初学者设计的详尽指南,旨在帮助新手快速掌握jQuery这一强大的JavaScript库。...无论你是Web开发的新手还是希望提升jQuery技能的开发者,这份教程都是不容错过的学习资源。

    前端项目-rxjs-jquery.zip

    总的来说,"前端项目-rxjs-jquery" 提供了一个学习和实践 RxJS 与 jQuery 结合的宝贵资源,对于想要提升前端异步处理能力的开发者来说,这是一个不容错过的机会。通过深入研究这个项目,开发者可以更好地应对现代...

    《锋利的jQuery》实例源码

    《锋利的jQuery》是一本深受开发者喜爱的jQuery教程书籍,其实例源码涵盖了广泛的jQuery技术应用,为读者提供了深入理解和实践的宝贵资料。...对于想要精通jQuery的开发者来说,这是一个不容错过的宝藏。

    jQuery+in+Action+(SourceCode)

    总结来说,这个源码包是学习jQuery的宝贵资料,它不仅提供了基础操作的实例,也涵盖了复杂的应用场景,对于任何想要提升JavaScript和前端开发能力的人来说,都是不容错过的资源。通过深入研究并实践这些代码,你将...

    企业网站流程图(特效版)不容错过

    特效版流程图可能特别强调了JavaScript库和框架(如jQuery或React)在实现动态特效上的应用。 6. 后端开发:后端开发负责处理数据存储、业务逻辑和服务器端的功能实现。常见的后端技术有PHP、Python、Java等,配合...

    锋利的jQuery(第2版)源码

    总之,《锋利的jQuery(第2版)》源码是一个宝贵的资源,对于想要深入理解和精通jQuery的开发者来说,这是一个不容错过的学习材料。通过深入研究这些源码,你可以不断提升自己的前端开发技能,更好地应对实际工作中...

    jQuery-Source-code-analysis-.rar_code

    《jQuery源码分析》 jQuery,作为一款广泛应用于前端开发的JavaScript库,以其简洁的API、高效的DOM操作和丰富的插件系统,极大地提升了开发者的...对于想要成为专业前端开发者的人来说,这是一次不容错过的学习机会。

    jQuery+css3仿QQ登录界面代码.zip

    《jQuery+CSS3实现QQ登录界面仿制详解》 在当今网页开发中,jQuery和CSS3是不可或缺的技术工具。本示例"jQuery+css3仿QQ登录界面代码"提供了一个...对于有志于提升网页用户体验的开发者来说,这是一个不容错过的资源。

Global site tag (gtag.js) - Google Analytics