2014年50个程序员最适用的免费JQuery插件

有用的jQuery库是设计师和开发者之间一个非常熟悉的短语。这是现在互联网中最流行的JavaScript函数库之一。每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点。

jQuery几乎可以解决一个网站所有的问题它可以从做一个有吸引力和创意的网站解决所有那些阻碍你的问题如果你想解决任何跨浏览器的问题,那就必须收藏使用JavaScript函数库

jQuery库是Web开发人员的重要来源。你会发现很多互联网的jQuery插件都是免费使用的,但发现这些优秀的jQuery插件,需要你花费许多时间,经过许多个站点来了解最新和最流行的jQuery库。

所以,在今天的文章中,我们收集了许多最适合应用在网站中的jQuery库。你可以使用它们来为自己的网站添加很酷的效果。

1. Treed

Treed 可以用在你网站上的树形编辑。它是可扩展的,可定制的,功能强大且非常易于使用的插件。

2. jQuery Vibrate

这是专门为移动设备建立的。它允许开发者在一个特定的时间周期的对任何设备进行振动操作。

3. Flight Indicators

这是一个非常容易使用的插件。您可以使用HTML,CSS3,jQuery和SVG图像显示高品质的飞行指标。.

4. jQuery LightSlider

Lightslider可以为你网站提供自适应和可触摸的内容滑块。带滑动和淡入淡出效果,它与所有主流浏览器兼容。

5. jQuery GoUp!

这是一个非常简单而且易于使用的插件。它可以让您的网站访问者直接返回到页面的顶部点击。

6. Image Cropper

这个jQuery插件允许你裁剪网站上的图像。它还提供了一些选项和预览。还可以设置高度和宽度。

7. Devrama Slider

Devrama是一个自适应图像滑块插件。支持图片和HTML内容。而且带有各种过渡效果。

8. jQFader

jQFader是一个非常简单的插件,可以让网站的元素在实现淡出效果。风格朴素而且简单易用,非常适合在您的网站。

9. Forkit

Forkit.js是一个展示动画丝带的jQuery插件,可以为访客带来额外的惊喜内容。它通常被放置在右上角。

10. Vertical News Slider

正如其名称所暗示的,是一个基于jQuery和CSS3的滑块,显示新闻标题左侧同时预览的选项,并简要总结。

11. Looking For

这是一个允许在页面上的列表项搜索文本的jQuery插件,它同时也隐藏了那些不匹配的项目。

12. Browser Swipe

这个插件允许你滚动时禁用在网站上触控板刷卡事件。根据鼠标滚轮和上下滚动控制它的反应。

13. Chicken Dinner

ChickenDinner是一个独特的jQuery插件。它允许随机从客户端阵列通过图像标记或背景加载图像。

14. Flicker Plate

这是一个自适应和易于使用的jQuery插件。它可以让你在一个页面上翻页浏览网页上的内容。

15. SVGMagic

要SVG图像转换成PNG?使用这个简单的jQuery库。如果你浏览器不支持SVG格式,它可以搜索你网站上SVG图像,并将其转换为PNG图片。

16. lazyYT

这个jQuery插件是用来延迟加载YouTube视频的。在第一次加载时,格将被替换的视频预览图片,点击后,将自动播放。

17. ScrollMagic

有了这个插件,当内容向下滚动到一个特定的位置,你可以控制与用户不同的交互元素,动画炫酷,等等,。

18. RowGrid

RowGrid是一个把图片或者其他元素在一条直线排在您的网站的jQuery插件。这是一个小而易用的工具。

19. Remodal

这个jQuery插件用于散列跟踪和声明式状态符号。它是自适应,扁平化,易于定制的插件。

20. Panorama Viewer

这是一个非常有用的jQuery插件。它允许你在网站插入全景照片展示更多的独特的感觉。

21. Floatlabels

这是一个对开发者非常熟悉的jQuery插件。当用户相互关联的任何文本,占位符值向上移动时会显示在上面键入的文本。

22. Fluidbox

这是一个非常有用的jQuery插件。它复制并提高了在它链接到更大的分辨率图像的方式看到介质流体灯箱模块。

23. Headroom

Headroom.js可以帮助你保持网站主内容贴近用户的主导航。当网站向下滚动时,它自动缩回;当向上滚动时,它自动显示。

24. A-Slider

A-Slider 是一个自适应的简单滑块,它也支持音频,而且非常容易使用,可以高度可配置的使用HTML的功能。

25. CoverflowJS

这是的CoverFlow项目,允许你通过结合jQuery的UI组件和CSS3样式的来创建一个功能齐全的“CoverFlow”的效果。

注:cover flow是苹果首创的将多首歌曲的封面以3D界面的形式显示出来的方式。

26. jQuery URLive

这个jQuery插件非常类似于Facebook帖子的附件功能。它允许你创建任意URL的基于其开放式图形属性实时预览。

27. BttrLazyLoading

这个插件允许Web应用程序只加载那些视窗内的图像。可以有不同版本的图像在四个不同的屏幕尺寸。

28. jQuery Collapser

这个jQuery插件可以让你用文字,字符和线条来灵活的折叠元素的文本。它具有多种函数来实现一个段落的折叠功能。

29. Parallax ImageScroll

这个插件可以创建一个图像的视差效果。它使用简单,并提供了许多选项进行修改。还可以使用动画和CSS3样式。

30. Block Scroll

这个jQuery插件打破了页面中一小部分内容的更好展示。通过一次显示的元素作为一个屏幕,使整个页面自动适应。

31. Full Page Image Slideshow

整个页面的允许自动扩展图像幻灯片的jQuery插件,自动填补显示器。图像可以放大和缩小进入视野。

32. EasyTree

EasyTree是一个用来在你的网站上设计转换UL列表或JSON的一个树形菜单的jQuery插件。它是非常容易使用,并且对所有人完全免费。

33. Mapsed

Mapsed可以让你在地图上选择地方变得很容易。您还可以添加和编辑自定义的地方,可以弥补 Google Places API。

34. Radiant Scroller

有了这个jQuery插件,你可以使用网格和水平布局创建一个具有自动响应的滚动效果。它可以与各种选项和一些API方法来修改。

35. Image Lightbox

这是一个仅供图像灯箱效果的小插件。它在没有标题和导航按钮的情况下极其简单。它反应灵敏,触摸友好的,并在适用于所有主要的移动操作系统。

36. Mr.JsonTable

这个jQuery插件非常简单易用。你可以从JSON数据中使用分页和排序的优势来建立HTML页面。你还可以隐藏列。

37. ImageFit

这是一个对开发者来说非常方便的jQuery插件。它简单,轻便。它允许你在网站上用任何方式把图像适用在任何地方。

38. Bootstrap Validator

当你想用验证选项来创建一个网站时,这个jQuery插件是非常有用的。它有许多内置选项。很容易使用和理解。

39. Resize End Plugin

这是用于加载后调整浏览器窗口大小的有用插件。你可以轻松地处理或调整完成后的事件。

40. Adaptive Backgrounds

这是个用来从图像中提取最适合的颜色的jQuery插件,并将其应用到它的父元素的背景总。

41. FormChimp

这是个可以自定义定制的MailChimp 的jQuery插件。使用ajax为用户登录Mailchimp列表提供了一种简单的方法。

42. Password Peekaboo

这个jQuery插件用来暂时显示密码字段,如果用户想看到它。用户可以看到自己的密码与躲猫猫功能。

43. Selectonic

这个jQuery插件通过鼠标和键盘来实现可选的项目清单。你可以在不同的网络应用程序使用一个像菜单窗口小部件和下拉菜单等。

44. Sudoku

这个jQuery插件用于播放或演示创建自定义的数独布局。它是自适应的。主题颜色也非常漂亮。

45. Elevate Zoom

这个jQuery插件允许你创建图像缩放界面。它是高度可定制的,很容易在你的网站使用。为了获得最佳效果,请使用两个图像。

46. Wanker.js

这个插件在设计你的公共服务公告会非常有用。你可以显示你的工作,并使用这个插件让你的访客专注于你的工作。

47. Form Autofill

这个jQuery插件对Web开发人员来说非常有用。这是一个简单的自动填写数据的空白表单。对程序员来说也是非常容易使用的。

48. Image Map Resize

这个插件可以让你保持缩放到图像的尺寸的HTML图像映射。当窗口大小改变时,它会更新图像映射的坐标,。

49. jQuery Full Screen Nav

这个jQuery插件会实现一个<nav>菜单覆盖整个屏幕,同时它会计算页面加载的时候窗口的大小从而调整链接的大小。

50. SuzhouKada

这个jQuery插件可以让你填写你的网站链接后点击一下就可以看到的链接所指的网站预览图片。

总结

在这篇文章中,我们分享了一些有用的jQuery库,你可以用在你的网站上来解决任何问题。我们希望所有的这些插件可以增强你的网站性能,并给用户带来一个良好的体验。所有这些jQuery插件是非常有用的,能创造性的让您的网站变得更加好看。

如果您认为我们已经错过了一些优秀的插件,当然你可以随意添加自己喜欢的jQuery插件的到这个列表中,这样所有其他的设计师和开发人员也可以使用在他们的网站上面。你可以通过简单地在下面的评论中提供你收藏的jQuery插件做到这一点。

注:原文参考自:50 Most Useful jQuery Libraries 。本文由欲思原创编译,部分翻译删改或有误请谅解。转载请注明出处。
转载请注明:欲思博客

(0)

相关推荐

  • 50 个 jQuery 插件可将你的网站带到另外一个高度

    Web领域一直在发生变化并且其边界在过去的每一天都在发生变化(甚至不能以小时为计),随着其边界的扩展取得了许多新发展.在这些进步之中,开发者的不断工作创造了更大和更好的脚本,这些脚本以插件方式带来更好的终端用户体验,它们比原来更轻量级,还有更强的处理能力. 关键是这些新发展起来的脚本和插件是能构建响应式Web的,而且还不会丧失它们原有的功能特性--除了更优秀和更轻巧(就文件大小而言)之外,它们还不会增加页面加载的时间. 通过浏览文档,掌握JQuery的语法是很容易的.它可以支持选择DOM元素,创

  • 50款非常棒的 jQuery 插件分享

    jQuery 以其插件众多.独特.轻量以及支持大规模的网站开发闻名.本文与大家分享50款非常有用的 jQuery 插件,可以根据您的项目需要来选择使用. 1- ZWeatherFeed jQuery Plugin 2- JDesktop 3- Mocha UI Library 4- Pajinate JQuery Plugin 5- JQuery Datagrid Plugins 6- JQuery Superbox 7- Masked Input Plugin 8- Sexy Box 9- J

  • web前端开发JQuery常用实例代码片段(50个)

    本文给大家展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助.其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西. 1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下

  • 50个比较实用jQuery代码段

    其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成.这些都是我尽量记住的有着最佳性能的代码段,因此如果你发现你任何可以做得更好的地方的话,欢迎把你的版本粘贴在评论中!我希望你在这一文章中能找到有帮助的东西. 1. 如何创建嵌套的过滤器: //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为"selected&

  • 2014年50个程序员最适用的免费JQuery插件

    有用的jQuery库是设计师和开发者之间一个非常熟悉的短语.这是现在互联网中最流行的JavaScript函数库之一.每个设计师和开发人员都应该知道它的重要性,而且熟悉它的功能和特点. jQuery几乎可以解决一个网站所有的问题它可以从做一个有吸引力和创意的网站解决所有那些阻碍你的问题如果你想解决任何跨浏览器的问题,那就必须收藏使用JavaScript函数库 jQuery库是Web开发人员的重要来源.你会发现很多互联网的jQuery插件都是免费使用的,但发现这些优秀的jQuery插件,需要你花费许

  • 程序员必知35个jQuery 代码片段

    jQuery如今已经成为Web开发中最流行的JavaScript库,通过jQuery和大量的插件,你可以轻松实现各种绚丽的效果.本文将为你介绍一些jquery实用的技巧,希望可以帮助你更加高效地使用jQuery. 收集的35个 jQuery 小技巧/代码片段,可以帮你快速开发. 1. 禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); });

  • Java程序员必备的11大IntelliJ插件(附地址)

    善用Intellij插件可大幅提升我们的效率 以下是我用过不错的Intellij插件 1. .ignore 地址:https://plugins.jetbrains.com/plugin/7495--ignore 生成各种ignore文件,一键创建git ignore文件的模板,免得自己去写 截图: 2. lombok 地址:https://plugins.jetbrains.com/plugin/6317-lombok-plugin 支持lombok的各种注解,从此不用写getter sett

  • 最有价值的50道java面试题 适用于准入职Java程序员

    下面的内容是对网上原有的Java面试题集及答案进行了全面修订之后给出的负责任的题目和答案,原来的题目中有很多重复题目和无价值的题目,还有不少的参考答案也是错误的,修改后的Java面试题集参照了JDK最新版本,去掉了EJB 2.x等无用内容,补充了数据结构和算法相关的题目.经典面试编程题.大型网站技术架构.操作系统.数据库.软件测试.设计模式.UML等内容,同时还对很多知识点进行了深入的剖析,例如hashCode方法的设计.垃圾收集的堆和代.Java新的并发编程.NIO.2等,相信对准备入职的Ja

  • 荐书|程序员书单必不可少系列之算法篇

    前言 又到了给大家"荐书"的时候了,如果计算机系只开三门课,那么这三门课就一定是:离散数学,数据结构与算法,编译原理.如果只开一门课,那剩下的就一定是:数据结构与算法.最近参加了很多线下的会议,发现一个点,就是不管什么技术主题的大会,人们都会找算法的书,小编再次深深地体会到算法是那么地必不可少,现在小编就来盘点一下算法书推荐给大家. 一.<程序员的数学>第3弹--线性代数 作者:[日] 平岡和幸,[日] 堀玄 译者:卢晓南 豆瓣评分:8.7分 机器学习.数据挖掘.模式识别必

  • 分享10个程序员常用的的代码文本编辑器

    通常操作系统和软件开发包中都包含文本编辑器,可以用来编辑配置文件,文档文件和源代码. 下面是笔者总结的10个最好的免费代码文本编辑器: 1.NOTEPAD++ NOTEPAD++是一款免费又优秀的文本编辑器,支持在MS Windows环境下运行的多种编程语言.NOTEPAD++支持超过50种编程.脚本和标记语言的语法高亮显示和代码折叠,能让用户迅速减小或扩大代码段以便查阅整个文档.用户也可以手动设置当前语言,覆盖默认语言.该程序还支持自动完成某些编程语言的API子集. 官方网站:http://n

  • 程序员的八种境界,你在哪一境?

    如果将程序员分为本文的8种类型,你会是哪一种呢? 在求职的时候,相信很多人都被问过这样的问题,"你对自己未来5年的职业规划是怎么样的?" 每当我被问起这个问题的时候,我的脑海里总是浮现出TwistedSister乐队1984年拍摄的一段视频里的这个场景:一位老师对着他的学生大喊,"我想要你告诉我,不,是告诉全班同学,你究竟想要过怎样的生活?" 注:TwistedSister是一支源自美国纽约的摇滚乐队,成立于1970年代早期.后来经过将近10年的奋斗,他们在80年代

  • 一个合格的程序员应该读过哪些书(偏java)

    很多程序员响应,他们在推荐时也写下自己的评语. 以前就有国内网友介绍这个程序员书单,不过都是推荐数 Top 10的书. 其实除了前10本之外,推荐数前30左右的书籍都算经典,笔者整理编译这个问答贴,同时摘译部分推荐人的评语. 下面就按照各本书的推荐数排列. 1.<代码大全> 史蒂夫·迈克康奈尔 推荐数:1684 "优秀的编程实践的百科全书,<代码大全>注重个人技术,其中所有东西加起来, 就是我们本能所说的"编写整洁的代码".这本书有50页在谈论代码布局

  • 8个PHP程序员常用的功能汇总

    做过PHP开发的程序员应该清楚,PHP中有很多内置的功能,掌握了它们,可以帮助你在做PHP开发时更加得心应手,本文将分享8个开发必备的PHP功能,个个都非常实用,希望各位PHP开发者能够掌握. 1.传递任意数量的函数参数 我们在.NET或者JAVA编程中,一般函数参数个数都是固定的,但是PHP允许你使用任意个数的参数.下面这个示例向你展示了PHP函数的默认参数: 复制代码 代码如下: // 两个默认参数的函数 function foo($arg1 = ", $arg2 = ") { e

  • C#程序员最易犯的编程错误

    本文介绍了10种最常见的编程错误,或是C#程序员要避免的陷阱. 常见错误1: 像使用值一样使用参考或过来用 C++以及许多其他语言的程序员习惯于控制他们分配给变量的值是否为简易的值或现有对象的引用.在C#中呢,这将由写该对象的程序员决定,而不是由实例化该对象并对它进行变量赋值的程序员决定.这是新手C#程序员们的共同"问题". 如果你不知道你正在使用的对象是否是值类型或引用类型,你可能会遇到一些惊喜.例如: Point point1 = new Point(20, 30); Point

随机推荐