插件描述：intro.js分步导航
======================以下内容由 苍白 提供=====================
设置参数：
设置多个格式 json格式：
key:value
可设置参数
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | 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 |
设置方法（多个参数设置）
1 | 关键字：setOptions |
1 | introJs().setOptions({'prevLabel':'← 上一步','nextLabel':'下一步 →','skipLabel':'跳过','doneLabel':'完成'}).start(); |
设置方法(单个参数设置)
1 | 关键字：setOption |
1 | 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(不解释)
关于使用图片说明：
方法一： 在 data-intro 中直接加入图片标签的html尚可： data-intro="<img src='http://img0.bdstatic.com/img/image/shouye/xinshouye/chongwu119.jpg'>"
其它方法……：
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jquery.jcountdown.js倒计时插件（推荐）
- 下一个特效： jquery穿梭滑动幻灯片