代码改变世界

Intro.js给自己的站点添加功能介绍

2013-04-11 20:11  hduhans  阅读(182)  评论(0)    收藏  举报

1.Intro.js下载地址:① 官方下载:http://usablica.github.io/intro.js/

                           ② 网盘下载:http://pan.baidu.com/share/link?shareid=371054&uk=437486341

2.Intro.js简单使用步骤:

   ① 在页面中导入intro.js和introjs.css

<script type="text/javascript" src="intro.js"></script>
<link rel="stylesheet" href="introjs.css">

   ② 在需要介绍内容的html标签外添加intro.js标签,如

<span data-step="1" data-intro="欢迎,这是步骤一" data-position="right">这里显示第一块:</span>

 ③ 调用方法开始执行向导intro.js,如

<a href="javascript:void(0);" onclick="javascript:introJs().start();">开始执行</a>

   运行效果如下: