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>
阅读更多
换一批

没有更多推荐了,返回首页