JS User Boot Plugin Intro

1.demo directly posted up, what do not understand, go directly to the official online to see, Address: https://introjs.com/.

2. This intro plugin version is v2.7.0, copy down the code, the introduction of the library should be able to run directly.

3. Reviews:
A. The plugin does not record the boot information itself, it needs to manually control whether the boot is executed
B. Do not provide hooks in step, but provide global hooks
C. Use This._introitems[this._currentstep] in global hooks to find the current
D. You can define your own function in step and call it in the global hook
E. Unable to dynamically generate nodes
F.backdrop, the next step will not blink.
g. Provision of hints support
H.element as ID when nothing to say, for class, the first match on the class appears to guide

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//en" >    $(function(){Intro=Introjs (); Intro.setoptions ({prevlabel:"<", Nextlabel:">", Skiplabel:"Skip", Donelabel:"Done", steps: [{element:' #div1 ', Intro:' 1~~ ', Position:' Right '}, {element:' #div2 ', Intro:' 2~~ ', Position:' Right '}, {element:'. Div3 ', Intro:' <a href= ' www.cnblogs.com ' >3</a>~~ ', Position:' Bottom '}], hints: [{element:' #div1 ', Hint:"This is a tooltip.", Hintposition:' Top-middle '}, {element:' #div2 ', Hint:' More features. ', Position:' Left '}, {element:'. Div3 ', Hint:"<b>Another</b> step.", Hintposition:' Top-middle '                }            ]        }); Intro.onbeforechange (function(targetelement) {Console.log ( This)//This._introitems[this._currentstep]        });    Intro.start (); });</script>
JS User Boot Plugin Intro