web引导页intro.js实例

1、引入 js 和 css
下载
或者使用npm命令 npm install intro.js –save
2、demo(属性详见官方文档）

<html>
  <head>
     <link href="introjs.css" rel="stylesheet" type="text/css" />
     <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
     <script src="intro.js" type="text/javascript"></script>

  </head>
  <body>

    <div id="demo1" data-step="1" data-intro="步骤一" data-position="right">步骤一
    </div>
    <div id="demo2" data-step="2" data-intro="步骤二" data-position="top">步骤二
    </div>
    <div id="demo3" data-step="3" data-intro="步骤三" data-position="left">步骤三
    </div> 

  </body>

 <script type="text/javascript">
         introJs().start();
     </script>
</html>
版权声明：本文为qq_23061043原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。