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>
运行效果如下:

浙公网安备 33010602011771号