本文实例讲述了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程序设计有所帮助。
