jQuery新手指引流程引导插件Intro.Js-侠名风

jQuery新手指引流程引导插件Intro.Js

实用jQuery新手指引流程引导插件Intro.Js，不错的JS特效，一般用在新功能上线后，对用户的操作进行引导，也用在新手帮助方面，此JS插件支持键盘左右键切换引导，支持enter进入下一步，支持ESC取消引导，还是很不错的JS特效，使用方法也很简单。

设置参数：

设置多个格式 json格式：

key:value

可设置参数

nextLabel: "Next &amp;rarr;",
prevLabel: "&amp;larr; 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

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

1	关键字：setOptions

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

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

1	关键字：setOption

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

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

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

说明：

data-step：第几步

data-intro：分布引导的内容

data-position：引导内容显示位置，

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

查看演示

点击下载

Donate