intro.js 是使用 JS、HTML、CSS 编写的网站向导和新用户引导。
1、 无依赖、快、体积小：27KB JS 和 10KB CSS，都经过了简化和压缩。
2、 操作友好：支持键盘和鼠标，可以按照网站的风格修改主题。
3、 浏览器兼容：Google Chrome, Mozilla Firefox, Opera, Safari 和 IE。
introJS提供的主题列表
2.、在需要使用的页面引入js文件和css文件。
3、在相应的标签上写上 data-step [ 第几步 ] data-intro [ 此步骤的简介 ] data-position [ 简介的显示位置(默认bottom) ]
例如：<div data-intro=" 简介 " data-step="1" data-position='right'>IntroJS</div>
4、复制此代码： introJs().start();
点击 Show me how 运行结果
1、简介 intro.js 是使用 JS、HTML、CSS 编写的网站向导和新用户引导。 1、 无依赖、快、体积小...
如何在react项目中使用新手引导功能呢?在网上发现了几种插件，都挺不错的，最终还是选择了 intro.js ，下...
如何在react项目中使用新手引导功能呢?在网上发现了几种插件，都挺不错的，最终还是选择了 intro.js ，下...
iOS新手引导--GuideImageView（一）iOS新手引导--GuideImageView（二）iOS新手...
产品试用 先找几个典型网页分步引导插件用一下： Bootstrap Tour Intro.js Power Tou...
1、新手引导 新手引导的分节点流失统计 不同新手引导方案的次留比较 2、机型适配 次日流失用户的机型分布 3、美术...
笔者近期在做一个快递单打印产品的新手引导改版，有同学提问，“整个流程那么简单有必要新手引导吗？”，“即使有新手引导...
新手引导：https://github.com/weiming4219/ZWMGuideView https://...
完美的流程就是最好的新手引导。 关联操作一定要归到同一个流程，比如创建新项目后马上添加成员权限并给出参数，指引用户...
本文标题：intro.js | 新手引导 | 网站引导
本文链接：https://www.haomeiwen.com/subject/zkvsoxtx.html
网友评论