intro.js引导说明插件使用

一、下载插件

二、页面引用

只需引用introjs.css的css和intro.js即可

三、使用

1、元素上添加指定好的自定义属性,如下

<div data-step="1" data-intro="这个是步骤1" data-position="right"></div>
<div data-step="2" data-intro="这个是步骤2" data-position="top"></div>

说明

data-step:第几步
data-intro:分布引导的内容
data-position:引导内容显示位置,
参数:left,right,top,bottom
data-tooltipClass: 自定义提示层样式

猜你喜欢

转载自www.cnblogs.com/shanshanjiadexiaohai/p/11696642.html