1) waypoints.js monitor mouse scroll event
2) FlexSlider slide plug (similar to the carousel)
3) fullPage.js full screen Plug
4) jquery.lazyload.js lazy loading images
Lazy Load is a jQuery plugin written by js used to implement lazy loading of images. Only pictures in the visible region of the browser will be loaded, there will be a placeholder pictures do not scroll to the area img tag, but the real picture is not loaded. When the page is longer, more pictures when lazy loading pictures can speed up page load speed and reduce the burden on the server in some cases.
Usage:
. 1, lazyload.js dependent jquery or zepto.js.
2, the true path of the pictures on the img data-original property. Img tag to increase the class name of a custom such as: lazyload, convenient js call.
<img class="lazyload" alt="" width="1000" height="60" data-original="http://images.h-ui.net/www/AD-1000x60.gif" />
//js调用
$(function() {
$("img.lazyload").lazyload()
});
5) jquery.fly.min.js similar shopping cart Add to fly animation
6) lazyload.min.js picture lazy loading / lazy loading