intro.js设置属性

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();

intro.js设置属性相关推荐

原生js获取以固定字符开头的控件id，并设置属性
原生js获取以固定字符开头的控件id,并设置属性还在用JQ加CSS选择器获取指定id开头的DOM嘛? 现在试试 JavaScript提供的querySelectorAll函数目前几乎主流浏览器均支 ...
js动态修改html标签属性,通过js动态创建标签,并设置属性方法
当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个d ...
js获取和设置属性的方法
代码如下: function square(num){ var total = num*num;//局部变量 return total; } var total = 50;//全局变量 ...
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
getAttribute:取得属性: setAttribute:设置属性: 复制代码代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 ...
JavaScript 技术篇-js语句创建dom节点，并给节点设置属性
document.createElement() 是创建节点的方法. setAttribute() 是设置属性的方法. var s_div = document.createElement('div' ...
函数：js设置或获取transform相关属性
问题: transfrom的获取: 使用dom.style.transform只能获取行间设置的transform 使用window.getComputedStyle(dom).transform获取 ...
intro.min.js_使用Intro.js构建分步指南[教程]
有许多插件可用于创建您自己的引导式网站导览. 这种动画页面效果对刚刚了解您网站布局的新访客非常有用. 他们怎么知道所有重要的界面功能和菜单链接? 通过使用导览,很容易向感兴趣的用户解释所有这些功能. ...
JS常用属性方法大全
JS常用属性方法大全 1.输出语句:document.write(""); 2.JS中的注释为: 3.传统的HTML文档顺序是:document->html->(hea ...
Intro.js轻松搞定页面引导流程
Intro.js介绍:Intro.js是一个用于用户引导的js框架,只要你在项目中引入intro.js和 introjs.css文件,相应的元素上添加属性data-step步骤 data-intro引 ...

intro.js设置属性

intro.js设置属性相关推荐

最新文章

热门文章