1、简介
intro.js 是使用 JS、HTML、CSS 编写的网站向导和新用户引导。
1、 无依赖、快、体积小:27KB JS 和 10KB CSS,都经过了简化和压缩。
2、 操作友好:支持键盘和鼠标,可以按照网站的风格修改主题。
3、 浏览器兼容:Google Chrome, Mozilla Firefox, Opera, Safari 和 IE。
introJS提供的主题列表
2、工欲善其事,必先利其器
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();
3、效果图
点击 Show me how 运行结果