Intro.js 网站演示

标签：

Intro.js

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

参数说明

设置多个格式 json格式：

1. key:value

可设置参数

1. nextLabel: "Next →",
2.             prevLabel: "← Back",
3.             skipLabel: "Skip",
4.             doneLabel: "Done",
5.             tooltipPosition: "bottom",
6.             tooltipClass: "",
7.             highlightClass: "",
8.             exitOnEsc: !0,
9.             exitOnOverlayClick: !0,
10.             showStepNumbers: !0,
11.             keyboardNavigation: !0,
12.             showButtons: !0,
13.             showBullets: !0,
14.             showProgress: !1,
15.             scrollToElement: !0,
16.             overlayOpacity: 0.8,
17.             positionPrecedence: ["bottom", "top", "right", "left"],
18.             disableInteraction: !1

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

关键字：setOptions

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

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

关键字：setOption

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

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

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

说明：    

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

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

Intro.js 网站演示

标签：

原文地址：http://www.cnblogs.com/niuboren/p/5894864.html