2013年50个最佳的jQuery插件

jopen 11年前

jQuery是一种广泛使用的JavaScript库。几乎所有的开发人员都非常熟悉它的特性和功能。它可以解决大部分的问题。

这篇文章介绍了2013年的50个最佳jQuery插件。下面的插件可以节省大量的时间，并提供急需的解决方案

1. Scrolld.js

Being an open source plugin which is a unique one, Scrolld.js can give you a technique of absolutely accurate scrolling for navigation and pixel-perfect layouts with real-time revised data values. Scrolling will always be perfect with this jQuery plugin which can be you a beautiful experience.

2. jQuery Scroll Path

jQuery Scroll Path is a plugin that defines custom scroll paths and uses syntax that is canvas flavored. This is to aid in the drawing of arcs and lines.

3. jResonsive

jResonsive permits you to add an energized resized layout to an element or a page. The layout can be customized the way you’d desire (in the presence or absence or right, left, top or bottom navigation).

4. Typehead.js

Typehead.js is a great project open-sourced by 推ter. It can function both with remote or local datasets and is speed-optimized and build smart form fields that are auto-complete.

5. Flip Timer

This is a plugin that counts the remaining time before you launch your website that is under construction.

6. freetile.js

Freetile.js is a plugin that allows proper management of website content in a dynamic, responsive and efficient layout.

7.Salvattore

This is a JS script that enables in the organization of HTML elements based on the specified number of columns, such as jQuery Masonry.

8. Perfect Scrollbar

A lightweight jQuery plugin, Perfect Scrollbar works with all sizes of containers. It can rearrange the position in case a container resize takes place. The design of this plugin can be customized with CSS.

9. textillate.js

textillate.js is an ordinary plugin meant for text animations in CSS3.

10. gridster.js

gridster.js is a drag and drop grid of many columns. It’s easy to use and you can add or remove elements from the grid.

11. Rubberband

With Rubberband, scripts can be acted upon media query alterations in real time. This is achieved by utilizing the media query matching arrangement of the browser.

12. iLightbox

iLightbox is an alternative to additional jQuery lightbox plugins and is a paid version. It can present videos (HTML5 video, Vimeo, You Tube), images and has an option of full screen mode.

13. FitText

With FitText, font sizes can become flexible. Use it on your responsive or fluid layout to get headlines that are scalable which can fill the width of the parent element.

14. Fancy Input

With Fancy Input, it’s amazing to type text. It functions with input fields with the end result being a simulated text input field.

15. FlexNav

FlexNav can be used to create a powerful drop down menu and is developed for responsive menus.

16. Lazy Line Painter

Lazy Line Printer is an original plugin used to prepare and present path animations in SVG. It can function for all SVG file types.

17. Huge on 非死book

A Zepto/jQuery script that displays the number of likes on 非死book for any particular list of given links.

18. Superscrollorama

Superscrolloorama is a jQuery pluging for scroll animation that is super cool.

19. Sidr

Sidr is a jQuery plugin that can build a responsive side menu similar to that of 非死book.

20. Elevate Zoom

Elevate Zoom is a jQuery plugin that is highly customizable. With this plugin, you can create image-zoom interfaces with great ease. It works with a single image of high-quality or even two images.

21. Power Tip

This plugin can develop hover tooltips. It has a highly flexible design which can be customized easily. Power Tips also provide you various ways to utilize the tooltips.

22. File Upload

Various features of File Upload include drag and drop support, multiple file selection, preview images and progress bars for jQuery.

23. scrollNav.js

This is a lightweight plugin that can grab the existing content of your page, break it up into coherent sections and build a scrolling sidebar navigation that can be customized.

24. Ayaslider

ayaSlider has a very simple setup and usage. It can exhibit an infinite number of items wherein any HTML can be made use of for the slides.

25. Stalactite

This plugin lazily and slowly bundles the content of any element. It sorts every child element in a sequential manner.

26. jQuery Validation Engine

This is a javaScript plugin which is aimed to validate form fields in your browser (Firefox, Chrome, Safari, IE 6-8 and Opera 10). The validations can range from URL, email and phone to sophisticated calls like ajax processing.

27. Flaunt.js

With Flaunt.js, you can develop a chic responsive navigation which has nested click for revealing purpose.

28. Chardin.js

Chardin.js uses the data found in the element’s custom data attributes. When triggered, it stimulates an overaly which targets the element and exhibits the info alongside visual guides.

29. jQuery Tubular

With jQuery tubular, you can set your background with a 油Tube video. The video just has to be attached to the page wrapper element following which you choose the options.

30. Kerning.js

Kerning.js allows you to exercise control on the typography of your webpage.

31. jVanilla Menu

jVanilla is a simple menu plugin. It adopts a current drop down menu in CSS before adding enhancements like timeout delays, submenu levels and animations to it.

32. Sidr

Sidr is used to create obscured side menus. You can set it to be shown on the right or left. With this plugin, you can have many side menus on a single page and content can be loaded via multiple methods. In case of layouts that are responsive, you can link a Sider menu to a button which is a very useful navigation solution for screens that are small.

33. jQuery Custombox

jQuery Custombox has been developed with native JavaScript but functions exceptionally well with jQuery.

34. equalize.js

This plugin is suitable for equalizing the width or height of elements.

35. jQuery Responsive Tabs

This plugin has responsive tab functionality wherein the tabs transform into folds or bends on reaching a CSS breakpoint.

36. Scroll UP

A lightweight plugin that is designed to create a distinguishing feature o “Scroll to top” that can be customized. It functions with ease with any website. To find out the perfect scroll distance, the activeOverlay setting has to be assigned a sensible CSS color.

37. Any List Scroller

Any List Scroller or ALS is a plugin created by musings.it. With it, you can scroll various list with any content or any dimension.

38. Mean Menu

This is a free plugin to show or hide target navigation element, menu children, control the width of the screen and much more.

39. Classy Social

With Classy Social, you can allow your visitors to see the networks you are associated to and visit them with a click of the button.

40. Swipebox

Swipebox has backing for touch events and functions well in layouts that are responsive. The plugin can show single or many items which can be browsed with keyboard or swipe gestures.

41. TinyNav.js

Tinynav.js is a tiny jQuery plugin that transforms

42. Toolbar.js

Toolbar.js permits you to develop tooltip chic stoolbars quickly which can be used in websites and web applications. You can easily customize the toolbar with 推ter bootstrap icons that provide flexibility around the number of icons and the toolbars display.

43. ContentShare

This allows you to share your content on a social network. With this plugin, you can pick your content which you’d like to share and move ahead. Currently, it supports 推ter and 非死book, however, you can add some more social networks.

44. Nested

Nested can generate grid layouts with many columns and zero gaps. It develops a matrix of elements, creates a multi-column grid and fill in the gaps by rearranging the elements. You can find many other solutions that give you the same result. However, the unique thing about Nest is that it uses a single and unique actions-elements at the bottom are resized to ensure a layout without any gap.

45.iCheck

iCheck has super customized radio buttons and checkboxes for Zepto and jQuery.

46. slide Toucher

This is a content swiping touch which has a support for both horizontal and vertical swipes.

47. Unslider

This is a tiny plugin designed slide any HTML content. It can adapt to responsive layouts and arrange automatically if each of the slide’s size is different. You can browse the slides with keyboards or bullet navigation.

48. Social Count

Social Count is designed for faster and lighter social networking widgets.

49. NProgress

NProgress features trickle animations through which your users are convinced of some important occurrence.

50. Flexisel

This is an image carousel plugin which is responsive. It has various options for accommodating the carousel in tablet and mobile devices.