Some of the front-end JS Plugin

Organize some common JS libraries, most of which are jquery related plug-ins, there are bootstrap auxiliary plug-ins and non-jquery plugins. Its features include: page layout, picture slideshow, picture album display, function assistance and other content. This article is just a simple introduction to plug-in features, the future use of the relevant plug-ins to supplement the introduction of plug-in use of the article.

2. JQuery easing:jquery Animation effect extension
4. JQuery migrate:jquery App Migration Helper Plugin
6. MODERNIZR: Feature detection class library developed for HTML5 and CSS3
8. jquery flexslider: Responsive jquery content Scrolling Plugin
10. WOW: Animate animated elements as you scroll through the pages
12. Sticky: Keeps an element floating in a page position
14. Bootstrap Hover dropdown:bootstrap mouse hover auto drop-down
16. jquery Stellar: jquery-based parallax scrolling plugin
18. OWL Carousel: A powerful and practical jquery slideshow Plugin
20. Ytplayer: jquery-based YouTube video player plugin
22. JQuery waypoints:jquery scrolling Monitor Plugin
24. Easypiechart: A Lightweight chart plugin
26. Isotope:jquery Smart Layout Plugin
28. JQuery imagesloaded:jquery Picture Loading plugin
30. jquery countdown: Accurate to millisecond jquery countdown plugin
32. jquery counterup:jquery Digital Dynamic accumulation jquery
34. Jqbootstrapvalidation: jquery validation Framework for Bootstrap forms
36. JQuery Revolution Slider: Powerful parallax response Slideshow Plugin

1. jQuery easing:jquery Animation effect extension

The jquery API provides simple animations such as fade-in and custom animation effects, and jquery easing (jquery.easing.js) is a jquery animation extension enhancement plug-in that allows for straight-line, variable-speed motion, Buffer and other rich animation effects.

jquery easing is an older jquery plugin that has been used in many websites, especially in the case of some page scrolling, slide transitions, and more. It's very small and has a variety of animation options, easy to use, and free.

2. JQuery migrate:jquery App Migration Helper Plugin

There are differences between jQuery versions. For example, the 1.9 version is not supported for live (), die (), toggle (), sub (), $.browser, and so on. Without changing your site code, you need to use JQuery migrate (jquery-migrate) to transfer and overdo the version after 1.9.

3. MODERNIZR: function detection library developed for HTML5 and CSS3

MODERNIZR (moderniz.js) is an open-source JS library that makes it easier for designers to develop different levels of experience based on different guest browsers (meaning differences in the new standard support). It allows designers to exploit HTML5 and CSS3 features in browsers that support HTML5 and CSS3 without sacrificing control of other browsers that do not support these new technologies.

When you embed a MODERNIZR script in a Web page, it detects whether the current browser supports CSS3 features, such as @font-face, Border-radius, Border-image, Box-shadow, Rgba (), etc. It also detects whether HTML5 features are supported-such as audio, video, local storage, and new tag types and attributes. On the basis of this information, you can use them on browsers that support these features to decide whether to create a JS-based fallback or simply gracefully downgrade those unsupported browsers. In addition, Modernizr can also enable IE to support the application of CSS styles to HTML5 elements, so that developers can immediately use these more semantically-rich tags.

4. jquery flexslider: Responsive jquery content Scrolling Plugin

Flexslider (Jquery.flexslider.js) is a lightweight, responsive jquery-based content scrolling plugin. Flexslider can help you easily create beautiful content scrolling effects on your project. This plugin has been in the WDL's annual best JQuery plugin for many years, and it's worth trying out in the web development. It allows you to easily create content scrolling effects that are highly customizable. Developers can use Flexslider to easily create a variety of image carousel effects, focus map effects, graphics and text mixed scrolling effect.

5. WOW: Animate the animated elements as the page scrolls

On some pages, when you scroll the page you will see a variety of animation effects, very dynamic. Wow.js is a plugin to help you achieve this CSS animation, it's easy to customize, you can change the animation settings like style, delay, length, offset and iteration.

Wow.js allows users to display CSS animations when scrolling through a page. By default, users can use it to start animate.css animations. But users can also easily modify settings like the animation library. Wow.js is smaller than other JavaScript parallax plugins, similar to Scrollorama (this is gorgeous, but also more complex). The wow.js is very easy to install and use. If you use Wow.js, you can start very quickly and execute the code.

6. Sticky: Keep an element floating in a page position

Sticky (sticky.js) is a jquery plugin that enables you to do any element that is always visible on your Web page. JQuery Sticky allows any element to be pinned to one of the pages and remains visible. It can be used as the top fixed navigation display plug-in, scrolling the page down, keeping the processing scrolling component in view and not disappearing due to scrolling of the page and not being overwritten by other elements.

7. Bootstrap Hover dropdown:bootstrap mouse hover auto pull-down

Bootstrap Hover Dropdown (bootstrap-hover-dropdown.js) plug-in for the Dropdown element drop-down when hovering over the mouse to enhance the user experience

8. jquery Stellar: jquery-based parallax scrolling plugin

JQuery Stellar (stellar.js) can help to implement the Web page parallax scrolling effect easily, providing the parallax scrolling effect of any scrolling element. Just add the Data property to the tag and run $.stellar () to get a cool parallax scroll.

9. OWL Carousel: Powerful and practical jquery slideshow Plugin

OWL Carousel (owl.carousel.js) is a powerful, practical but compact JQuery slideshow plugin that features: compatible with all browsers, supports responsive, supports CSS3, supports touch events, supports JSON and custom JSON formats, Supports progress bar, supports custom events, supports lazy loading, supports adaptive heights, etc.

Ytplayer: jquery-based YouTube video player plugin

Ytplayer (jquery.mb.YTPlayer.js) is a jquery-based YouTube video player plugin that allows you to play your favorite YouTube videos on your site, or to make your YouTube video a HTML background for your site. But the plug-in in the kingdom seems to have little meaning.

JQuery waypoints:jquery scrolling Monitor Plugin

JQuery waypoints (waypoints.js) is a plug-in for capturing various scrolling events. Using Waypoints.js, you can trigger a variety of dynamic effects when the user scrolls the slider bar. A variety of animations, such as film emergence, text drift, etc. At the same time, waypoints also supports fixed elements and infinite scrolling functions, which are very powerful.

Plugin Introduction: one element scrolling Monitor plugin waypoints

Easypiechart: A Lightweight chart plugin

The jquery East Pie Chart (easypiechart.js) is a lightweight jquery plugin that is used primarily to render and make beautiful pie and animation effects based on canvas elements with HTML5. You can set a custom behavior by using a set of initialization functions for these options. This plugin supports all major browsers that support canvas elements. With Excanvas you can even present a chart in IE 7 +8

Isotope:jquery Smart Layout Plugin

Isotope (Jquery.isotope.js) is an excellent jquery adaptive plugin that supports most browsers and requires jquery 1.4.3 and above. You can use it to create dynamic and smart layouts. You can hide and show with filtered items, reorder and organize even more. Isotope also has a lot of cool animations.

JQuery imagesloaded:jquery Picture Loading plugin

imagesloaded (jquery.imagesloaded.js) plugin is to do a series of operations after the picture has been loaded successfully, to detect whether the image has been loaded, after the picture has been loaded successfully before doing a series of operations.

Plugin Introduction: Image Delay Loading plugin imagesloaded

jquery countdown: Accurate to millisecond jquery countdown plugin

jquery Countdown (Jquery.countdown) is a free jquery countdown plugin that is very simple to download directly from the source file copy code to the page you need to use, and then customize the countdown start time to support the need to ie8+ browser.

Plugin Introduction: JQuery Countdown plugin Jquery.countdown

jquery counterup:jquery Digital Dynamic accumulation jquery

jquery Counterup (jquery.counterup.js) a jquery digital display plug-in, used for numbers from low to high dynamic accumulation, can be in a certain amount of time the number dynamically displayed by 0 to the specified value.

Plugin Introduction: Digital add-ons Counterup

Jqbootstrapvalidation: jquery validation Framework for Bootstrap forms

Jqbootstrapvalidation (jqbootstrapvalidation.js) is a jquery validation framework for bootstrap forms. Validation is written directly in the data-way, without the need to write JS format, support for mailbox verification, digital maximum minimum value verification, length verification, regular expression validation, asynchronous validation, and combined validation, and a callback display when a commit error succeeds.

JQuery Revolution Slider: Powerful parallax response Slideshow Plugin

The JQuery Revolution Slider (jquery.themepunch.revolution.js) is a parallax-capable slide plug-in that is currently the most powerful slideshow plugin on WordPress, with adaptive functionality, You can create a full-width slide, have a parallax effect, and all of the features that all slides have.

Slider Revolution is CodeCanyon on the sales of the first WordPress slide plug-in, themeforest WordPress theme usage of the most used slide plug-in. Article thumbnails, image switching, animation effects, 3d effects ... Only you can not imagine, no it does not, Slider Revolution Slideshow Plug-in powerful only after you use to know. This is also why many of the ThemeForest theme authors use it as a theme built-in plugin.

Some of the front-end JS Plugin