Intro.js 网站演示

Intro.js

为您的网站和项目提供一步一步的、更好的介绍

参数说明

设置多个格式 json格式：

key:value

可设置参数

nextLabel: "Next →",
            prevLabel: "← Back",
            skipLabel: "Skip",
            doneLabel: "Done",
            tooltipPosition: "bottom",
            tooltipClass: "",
            highlightClass: "",
            exitOnEsc: !0,
            exitOnOverlayClick: !0,
            showStepNumbers: !0,
            keyboardNavigation: !0,
            showButtons: !0,
            showBullets: !0,
            showProgress: !1,
            scrollToElement: !0,
            overlayOpacity: 0.8,
            positionPrecedence: ["bottom", "top", "right", "left"],
            disableInteraction: !1

设置方法（多个参数设置）

关键字：setOptions

introJs().setOptions({'prevLabel':'← 上一步','nextLabel':'下一步 →','skipLabel':'跳过','doneLabel':'完成'}).start();

设置方法(单个参数设置)

关键字：setOption

introJs().setOption("prevLabel","上一步").start();

页面分布引导的元素设置：

<div id="demo" data-step="1" data-intro="这里是分布引导的内容……" data-position="right">
  </div>

说明：    

data-step：第几步
data-intro：分布引导的内容 
data-position：引导内容显示位置，

参数：left,right,top,bottom(不解释)  

云盘内容

注意：示例只是当前的内容，【下载】的是全部jQuery插件一起打包后的文件。