新手引导

  • V1.0
  • srczh.guide.js

可自定义新手引导,可选类型且可以保存记忆的页面过渡新手指引操作插件。

参数定义

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:"新手指引操作说明"};
					
启动引导
请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司