Intro.js 是一个使用广泛的产品引导库，它在 Github 上拥有 21.6k Star。

其具有以下特点：

1.无依赖：它不需要任何其他依赖。
2.小而快：库文件较小使得引导过程流畅直观。JavaScript 文件的整体大小为 10KB，CSS 为 2.5KB。
3.用户友好：提供可以根据喜好选择的各种主题。
4.浏览器兼容性：适用于所有主流浏览器，如 Google Chrome、Mozilla Firefox、Opera、Safari 等 。
5.文档完善：文档包含要介绍的每个元素的样本和示例。

可以通过以下命令来安装 Intro.js：

npm install intro.js - save

安装完成后，只需三个简单的步骤即可将其添加到项目中：
1.将 JavaScript 和 CSS 文件（intro.js 和 introjs.css）添加到项目中。
2.将 data-intro 和 data-step 属性添加到相关的 HTML 元素。这将为特定元素启用 intro.js。
3.调用以下 JavaScript 函数：

introJs().start();

可以使用以下附加参数在特定元素或类上调用 Intro.js：

introJs(".introduction-farm").start();

完整例子：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>
    堆代码-www.duidaima.com
    </title>
    <link rel="Stylesheet" href="https://unpkg.com/intro.js/minified/introjs.min.css" />
    <script src="https://unpkg.com/intro.js/minified/intro.min.js"></script>
</head>
<body>
<a href="javascript:void(0)" id="login">点击登陆</a>
<script>
    introJs().setOptions({
        steps: [{
            intro: "Hello,堆代码"
        }, {
            element: document.querySelector('#login'),
            intro: "点击这里登陆duidaima.com"
        }]
    }).start();
</script>
</body>
</html>

Github地址：https://github.com/usablica/intro.js