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>

你可能感兴趣的:(js,intro.js,前端)