快速实现功能引导页

引言：

产品新功能上线或是改版升级后，我们会在用户第一次使用产品时建立一个使用向导，引导用户如何使用产品，通常是设置一个引导页，通过演示的方式逐一介绍界面上的功能模块，从而提升用户体验和产品的亲和力。下面我就简单介绍一下如何使用Bootstrap中的intro.js插件实现引导页功能，以及通过cookie实现仅在第一次登陆时提示的功能。

一、实现引导页效果

（1） 添加引导文件

首先，将jQuery、Bootstrap库文件以及intro.js插件添加到项目中，然后在引用文件中加载所需的css文件和js文件，如下图所示。

image924×125 41.9 KB

（2） 设置参数

设置参数之前，我们先简单看一下intro.js本身的可选参数有哪些，如下图所示：