本文實例講述了jquery實現上下左右滑動的方法。分享給大家供大家參考。具體實作方法如下： 複製代碼 代碼如下: 無標題文件 <br /> $(document).ready(function(){<br /> $("#btn").unbind().click(function(){<br /> $("#first").hide(); <p>$("#sec").css("left","-200px").animate({"left":"0px"},500).show();<br /> }); <p>$("#btn2").unbind().click(function(){<br /> $("#sec").hide(); <p>$("#first").css("left","200px").animate({"left":"0px"},500).show();<br /> }); <p>$("#btn3").unbind().click(function(){<br /> $("#first").hide();<br /> $("#sec").css("top","200px").animate({"top":"0px"},500).show();<br /> }); <p>$("#btn4").unbind().click(function(){<br /> $("#sec").hide();<br /> $("#first").css("top","-200px").animate({"top":"0px"},500).show();<br /> });<br /> });<br /> 第一頁 第一頁 第一頁 第一頁 第一頁 第二頁 第二頁 第二頁 第二頁 第二頁 特別要注意：程式碼中的position:absolute;一定要加上，否則不會出現效果。 希望本文所述對大家的jQuery程式設計有所幫助。
