当前位置: 首页 > 工具软件 > Intro.js > 使用案例 >

intro.js设置属性

斜和硕
2023-12-01

this._options = {
/* 下一步按钮的显示名称 /
nextLabel: ‘Next →’,
/
上一步按钮的显示名称 /
prevLabel: ‘← Back’,
/
跳过按钮的显示名称 /
skipLabel: ‘Skip’,
/
结束按钮的显示名称 /
doneLabel: ‘Done’,
/
引导说明框相对高亮说明区域的位置 /
tooltipPosition: ‘bottom’,
/
引导说明文本框的样式 /
tooltipClass: ‘’,
/
说明高亮区域的样式 /
highlightClass: ‘’,
/
是否使用键盘Esc退出 /
exitOnEsc: true,
/
是否允许点击空白处退出 /
exitOnOverlayClick: true,
/
是否显示说明的数据步骤*/
showStepNumbers: true,
/* 是否允许键盘来操作 /
keyboardNavigation: true,
/
是否按键来操作 /
showButtons: true,
/
是否使用点点点显示进度 /
showBullets: true,
/
是否显示进度条 /
showProgress: false,
/
是否滑动到高亮的区域 /
scrollToElement: true,
/
遮罩层的透明度 /
overlayOpacity: 0.8,
/
当位置选择自动的时候,位置排列的优先级 /
positionPrecedence: [“bottom”, “top”, “right”, “left”],
/
是否禁止与元素的相互关联 /
disableInteraction: false,
/
默认提示位置 /
hintPosition: ‘top-middle’,
/
默认提示内容 */
hintButtonLabel: ‘Got it’
};

intro1.setOptions({
prevLabel: “上一步”,
nextLabel: “下一步”,
skipLabel: “跳过”,
doneLabel: “结束”,
}).oncomplete(function () {
//点击跳过按钮后执行的事件
}).onexit(function () {
//点击结束按钮后, 执行的事件
}).start();

 类似资料: