10 Cool Practical jquery Focus Chart appreciation and source code

1.jquery Full Screen Scroll plugin scrollify

Scrollify is a jquery plugin that assists with full screen scrolling and smooth shooting portions. Fully configurable and optimized.

Online Demo

SOURCE download

2.jquery implement NetEase mailbox page plugin Fullpage.js

jquery implementation NetEase Mailbox page plugin Fullpage.js

Online Demo

SOURCE download

3.jQuery scrolling Menu Plug-in section menu

The jquery plugin creates a side section menu that you can scroll to different parts of the page

Online Demo

SOURCE download

4. Cross-scrolling Mouse plugin Horwheel

Horwheel is a plugin that allows your mouse wheel to support horizontal scrolling. This is cross-browser compatible.

Online Demo

SOURCE download

5.3 Forms Tips Help Tip box code

3 Forms Tips Help Tip box code, hover over the question mark, and the Prompt box appears. The prompt box has plain text, HTML code, and pictures in three different forms.

Online Demo

SOURCE download

6.jQuery draggable icon navigation menu

A jquery Drag icon navigation Menu page effect, the mouse over the display of the detailed menu, hold the mouse to drag the position freely. Web page Production menu effect JS code material.

Online Demo

SOURCE download

7.jQuery Mobile phone responsive design Focus Map

A jquery mobile phone responsive Design Focus map page effect code, adaptive widescreen focus map, support left and right button click Switch, support to add text title.

Online Demo

SOURCE download

8.js Layer plugin to customize JS popup animation effects

JavaScript pop-up layer plug-in support click Trigger JS pop-up layer, slide over trigger JS pop-up layer, drive the effect JS popup layer, can be customized function callback JS pop-up layer.

Online Demo

SOURCE download

9. Create a Parallax scrolling effect page using Skrollr

Parallax Scrolling (Parallax scrolling) is a multi-layered background that moves at different speeds, creating a three-dimensional movement that results in a very good visual experience. As users ' demands for a visual experience continue to improve, web developers are beginning to add a variety of special effects elements to their web pages to meet the needs of their users. Today this article is to recommend a good Parallax Animation JavaScript library--skrollr.js. Skrollr is a lightweight JavaScript parallax scrolling class library that uses HTML5 and CSS3. It is a standalone class library that does not depend on other frameworks, allowing you to quickly create a parallax scrolling effect. It allows us to set the CSS properties of keyframes for any element, and then it will animate automatically. More importantly, the use of such a library does not have to write complex JS code and compatible with the mainstream browser, mobile phones and other features of the device.

Online Demo

SOURCE download

10.Nivoslider: Rich picture switching effect-shutter effect

Nivoslider is a jquery-based image switching plugin that enables a variety of switching effects. The Nivoslider provides 11 switching effects, supports multiple parameter configurations and method function calls, and is simple to use, and is an ideal image switching plugin.

Online Demo

SOURCE download

10 Cool Practical jquery Focus Chart appreciation and source code