A simple jQuery tool for new feature introduction and step-by-step users guide for your website and project.
Install dependencies：
npm install
Build:
npm run dist
At last, you can find the output files in the lib directory.
var options = {
container: 'body',
spacing: 20,
actions: {
next: {
text: 'Next',
class: 'your custom button class'
},
finish: {
text: 'Finish',
class: 'your custom button class'
}
},
entries: [
{
selector: '#example',
text: 'this is example',
onEnter: function () {
console.log('enter');
},
onExit: function () {
console.log('exit');
}
}, {
selector: '#step1',
text: 'text for step 1'
}, {
selector: '#step2',
text: 'text for step 2'
}
]
}
PageIntro.init(options);
PageIntro.start();Initialize the pageintro, you need to specify the configuration options here.
Start page introduction show
Finish page introduction show