可自定义新手引导,可选类型且可以保存记忆的页面过渡新手指引操作插件。
id/class | 目标对象名 | ||
type | 引导提示框类型 | "div":层类型 "layer":需要src-layer.js | 必须 |
width | 引导提示框宽度 | 数字 | 非必须 |
height | 引导提示框高度 | 数字 | 非必须 |
title | 引导欢迎画面标题 | 字符 | 非必须 |
content | 引导欢迎画面内容 | 字符(可以是html) | 非必须 |
guide | 定义新手指引 | []数组中引导说明对象 | 必须 |
ele | 引导对象 | 必须 | |
title | 引导层说明标题 | 非必须 | |
content | 引导层说明内容(可以是html) | 必须 | |
width | 引导对象宽度 | 非必须 | |
height | 引导层对象高度 | 非必须 |
定义新手指引代码
let json = {id:$("#testguide"),guide:[ {ele:$("#mainmenud"),content:"工具按钮组介绍内容",width:165,height:37}, {ele:$("#mainmenud li:first"),title:"工具按钮",content:"工具按钮介绍内容",width:21}, {ele:$("#mainmenud li.mu-down:first"),title:"工具按钮",content:"工具按钮下拉菜单介绍内容",width:15}, ],type:"div",title:"欢迎使用",content:"新手指引操作说明"};启动引导