首页>>Jquery文字>>jquery 一步步向导(2013-12-10)

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