When a Web site or a Web application to introduce new features to let users know about your site (or application) how often will add a step by step guide effect at the site (applications). However, such an effect, do not understand the native JS for the students, it is a big headache.
Here I will introduce some of the jQuery plug-ins can help you achieve step by step guide effect, you can customize according to their needs, they all have a stylish appearance, and easy to use.
1. Intro.js
Intro.js use of a guided step by step way to introduce new features to your site and projects. Support navigation keyboard + mouse.
2. aSimpleTour
aSimpleTour using JSON data storage configuration and content. A floating browser window to help manage the focus elements, tool tips (locate).
3. Pageguide.js
PageGuide.js is a website with interactive visual guide assembly jQuery and CSS3 to achieve, can be produced by PageGuide.js a friendly helpful hints.
4. Joyride
Joyride is a jQuery plugin, you can use it to create a Web site guide the user how to operate the function guide. By defining a sequence of steps, this plugin will appear next to the element to be operated a HTML help Tooltips described.
5. Website Tour
a simple but useful plug-ins. All details and contents are defined in JS. It also provides the option to define the position and color of tooltips.
6. Bootstro.js
This is Intro.js version of Bootstrap.
7. Bootstrap Tour
This jQuery load content in the site navigation Bootstrap Popovers in. Step navigation and content are defined in JavaScript, it has many options to customize its behavior.
8. jQuery Site Tour
this plugin has many options to set the delay between the appearance and the steps to set up the project to the initial display, and so on.
9. jQuery Tourbus
this plugin uses CoffeeScript + Less + CSS development, is very easy to customize, other steps can be manually or automatically display the playback. Present step can be obtained by a function, or displaying a specific step.
10. The Trip.js
all contents of the step and the guide are defined in JS, it has a full the API, support callbacks, keyboard, and allows custom appearance.
11. The Crumble
Crumble using bubble interface, all the steps defined in an ordered list.
Reproduced in: https: //www.cnblogs.com/JoannaQ/p/3422561.html