我就不贴我现在做项目的代码，我直接把作者的示例搬过来，因为改动不大，只要做点修改，就能很好的满足我们自己的需求。
原文地址 猛点这里下载
作者官网 不过是英文的，英语好的话 可以看原文，生怕我表达错误。
不知道童鞋们在平时的开发用到用向导式开发这种方式没有？有人问 什么是向导式开发呢？其实，很简单，就是让用户完成一个步骤，然后点击下一步，完成一个步骤就点击下一步，这样 按照我师父的来说，可以很好的提升用户体验。
OK，废话不说了，先来一个最简单的例子：
例子1：
1.1当然咯，既然是JQuery 就少不了需要引用JQuery库吧。在上面就能下到相关的类库。
JQuery Class and Style
<!– jquery ui theme –>
<link rel=”stylesheet” href=”/path/to/jquery-ui.css” />
<!– required CSS basics –>
<link rel=”stylesheet” href=”/path/to/jWizard.base.css” />
<!– duh –>
<script type=”text/javascript” src=”/path/to/jquery.js”></script>
<!– at least the widget factory –>
<script type=”text/javascript” src=”/path/to/jquery-ui.js”></script>
<!– and the plugin itself –>
<script type=”text/javascript” src=”/path/to/jWizard.min.js”></script>
1.2 然后就开始写 HTML代码了，也很简单。
HTML Code
<form id=”wizard-form” class=”jWizard”>
<fieldset>
<legend>Beginning</legend>
<p>Are you sure you want to begin? Press “Next” to proceed?</p>
</fieldset>
<fieldset>
<legend>Middle</legend>
<p>Are you sure you want to?</p>
<p>You can still go back. Or press “Next” again to confirm.</p>
</fieldset>
<fieldset>
<legend>End</legend>
<p>Done, click “Finish” to end</p>
</fieldset>
</form>
<!– Can also just be divs with title attributes –>
<div id=”wizard-div” class=”jWizard”>
<div title=”Beginning”>
<p>Are you sure you want to begin? Press “Next” to proceed?</p>
</div>
<div title=”Middle”>
<p>Are you sure you want to?</p>
<p>You can still go back. Or press “Next” again to confirm.</p>
</div>
<div title=”End”>
<p>Done, click “Finish” to end</p>
</div>
</div>
你可以在上面的HTML代码了 进行添加相关的div，不过 可别忘记了给最外面的赋上title值哦。
