本文主要是介绍jQuery网页向导插件Joyride，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
转自[给力技术]：[url=http://site518.net/jquery-website-tours-joyride/]http://site518.net/jquery-website-tours-joyride/[/url]Joyride 是一个很给力的 jQuery 网站功能向导插件，它能让你快速创建网站新功能向导介绍页面。它能将任意 HTML 元素设置为向导标记，并在其上显示向导信息。
首先在HTML页面中添加 jQuery 框架和 Joyride 插件
<link rel="stylesheet" href="joyride-1.0.2.css">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.joyride-1.0.2.min.js"></script>
创建向导所要经过的标记，如
<h3 id="test1"></h3>
<p id="test2">
定义向导中显示的内容
<ol id="tip">
/* data-id要和前面定义的标记id一样 'data-text'设置按钮中的文字*/
<li data-id="test1" data-text="下一步">内容...</li>
<li data-id="test2">内容...</li>
</ol>
最后初始化插件
$(function () {
$(this).joyride();
});
[url=http://site518.net/demo/joyride/demo.htm]演示地址[/url]
这篇关于jQuery网页向导插件Joyride的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
