jquery 一步步向导

jquery 一步步向导

 

演示

 

 

XML/HTML Code

1. <script>  
2.                $(function ()  
3.                {  
4.                    $("#wizard").steps({  
5.                        headerTag: "h2",  
6.                        bodyTag: "section",  
7.                        transitionEffect: "slideLeft",  
8.                        stepsOrientation: "vertical"  
9.                    });  
10.                });  
11.            </script>  
12.   
13.            <div id="wizard">  
14.                <h2>First Step</h2>  
15.                <section>  
16.                    <p>第一步</p>  
17.                </section>  
18.   
19.                <h2>Second Step</h2>  
20.                <section>  
21.                    <p>第二步</p>  
22.                </section>  
23.   
24.                <h2>Third Step</h2>  
25.                <section>  
26.                    <p>第三部</p>  
27.                </section>  
28.   
29.                <h2>Forth Step</h2>  
30.                <section>  
31.                    <p>第四部</p>  
32.                </section>  
33.            </div>  

 

原文地址:http://www.freejs.net/article_jquerywenzi_163.html