简介

在线演示及下载

使用方法

引入文件

如果需要兼容 IE，还必须添加 introjs ie.css:

HTML

     
      
     
     
      你好，这是第二步。
     
     
      欢迎，这是第一步。
     
     
      很好，这是第三步。
     

data-step 是步骤，data-intro 是介绍。

JavaScript

$(function(){    var $btn = $('.btn');    $btn.on('click', function(){    introJs().setOptions({        nextLabel: '下一步 →',        prevLabel: '← 上一步',        skipLabel: '退出'        }).start();    });});

注意：上面的代码用使用 jQuery，但 Intro.js 并不是 jQuery 插件，所以它不需要 jQuery 也能运行，如果你使用的是原生 JavaScript，请修改成相应的方法。

另外，nextLabel、prevLabel 和 skipLabel 这三个参数可以省略，但省略后显示的是英文，你可以根据自己页面的语言省略或加入。