2014年10月20個實用的jQuery插件

1. Stripjs

Strip is a Lightbox that only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.

2. SweetAlert

Sweet Alert is a beautiful replacement for JavaScript Alert. SweetAlert automatically centers itself on the page and looks great no matter if you’re using a desktop computer, mobile or tablet. It’s even highly customizeable. It is released under MIT License.

3. GridScrolling.js

Gridscrolling.js is a jQuery plugin that helps layout HTML5 articles, especially those that include a lot of asides. You just focus on writing, and it will take care of formatting everything for you.

4. Progressbar.js

ProgressBar.js is a beautiful and responsive progress bars with animated SVG paths. With ProgressBar.js, it’s easy to create arbitrary shaped progress bars. This library provides a few built-in shapes like Line, Circle and Square but you can also create your own progress bars with Illustrator or any vector graphic editor.

5. Evol.colorpicker

evol.colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup binded to a text box. It is a full jQuery UI widget, supporting various configurations and themes.

6. Midnight.js

Midnight.js is a jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Midnight.js lets you switch fixed headers on the fly. On iOS less than 7 and older Android devices scrollTop isn’t updated fluently, which creates a choppy effect. It can be fixed somewhat by wrapping the body in container and detecting touch events.

7. OneBook3d

OneBook3D is a jQuery plugin that you can easily create an eye-catching presentation of your books, magazines or portfolio. Flexible, adaptive and customizable design. Auto resizing images. Full screen mode. Ideal for photo-albums.

8. Picture Cut

Picture Cut is a jQuery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jQuery UI, has great features like ajax upload, drag image from explorer, image crop and others.

9. PagePiling.js

pagePiling.js is a jQuery plugin to create a beautiful scrolling curtain type websites. It’s flexible and compatible with old browsers and touch devices. You can create an original scrolling site with this plugin.

10. Parallax Slider

Parallax Slider incorporates a parallax scrolling effect where each slide and its contents glide into view at different speeds, creating a captivating visual experience. Visual intrigue aside, however, Parallax Slider is an easy to customize, responsive slider that can adapt to different screen and device sizes, by supporting a percentage value as its width.

11. Magic Accordion

Magic Accordion is a really simple jQuery accordion plugin that can be create from a single WYSIWYG editor instead of creating numerous amounts of fields in CMS.

12. PgwSlideshow

PgwSlideshow is a responsive slideshow / gallery / carousel plugin for jQuery. It comes with number of features such as responsive, desktop and mobile device support, full customization with the css files included.

13. Gridiyfy

Gridify is a lightweight jQuery plugin for creating a Pinterest-like grid with image loaded plugin. It has support for loaded events, window resize event, dynamic item width, animatioin and many more.

14. Autocomplete.js

Autocomplete.js is jQuery plugin that improve your search with hints. Autocomplete.js also has some options to customize.

15. Image Jigsaw

Image jigsaw is a jQuery plugin to easy convert any image to image based jigsaw puzzle.

16. Slider Tabs

SliderTabs is a customizable jQuery plugin that allows you to create a content slider that can turn into a tabs plugin or a custom slider by changing a few options.

17. Viewport

Viewport is simple jQuery plugin adds custom pseudo-selectors and handlers for simple element detection inside or outside of viewport.

18. Dynamic Timeline

Create visually pleasing horizontal or vertical timelines. Chronological or not, it’s great to show off a portfolio etc.

19. NoUiSlider

NoUiSlider is a range slider without the bloat, but with a ton of features. It’s lightweight and as minimal as possible, so it’s compatible on a wide range of devices.

20. ScrollWatch

ScrollWatch is a jQuery plugin for determining active sections on the page based on viewport scrolling.