introjs

2022-08-24

前端

爱情沉默的地方,责任就要起作用——歌德

introjs是一个前端指引库

官网:https://introjs.com/

githubhttps://github.com/usablica/intro.js

image-20220824182155033

用法也很简单:

引入:

1
2
npm install intro.js --save
yarn add intro.js

或者

1
2
https://unpkg.com/intro.js/minified/intro.min.js
https://unpkg.com/intro.js/minified/introjs.min.css

使用:

1
2
3
4
5
6
7
8
introJs().setOptions({
steps: [{
intro: "Hello world!"
}, {
element: document.querySelector('#login'),
intro: "Click here to login!"
}]
}).start();

其对非商业项目免费

image-20220824182442282