intro.js | 新手引导 | 网站引导

1、简介

---

intro.js 是使用 JS、HTML、CSS 编写的网站向导和新用户引导。

1、 无依赖、快、体积小：27KB JS 和 10KB CSS，都经过了简化和压缩。

2、 操作友好：支持键盘和鼠标，可以按照网站的风格修改主题。

3、 浏览器兼容：Google Chrome, Mozilla Firefox, Opera, Safari 和 IE。

introJS提供的主题列表

2、工欲善其事，必先利其器

1、下载introjs          压缩版本        未压缩    

2.、在需要使用的页面引入js文件和css文件。

3、在相应的标签上写上  data-step [ 第几步 ]  data-intro [ 此步骤的简介  ] data-position [  简介的显示位置(默认bottom)  ]

例如：

IntroJS

4、复制此代码：   introJs().start(); 

3、效果图

点击 Show me how  运行结果