html5 新手引导插件,jQuery引导插件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

设置方法(多个参数设置)关键字：setOptionsintroJs().setOptions({'prevLabel':'← 上一步','nextLabel':'下一步 →','skipLabel':'跳过','doneLabel':'完成'}).start();

设置方法(单个参数设置)关键字：setOptionintroJs().setOption("prevLabel","上一步").start();

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

说明：

data-step：第几步

data-intro：分布引导的内容

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

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

关于使用图片说明：

方法一：  在 data-intro 中直接加入图片标签的html尚可：          data-intro=""

其它方法……：