이 문서의 예에서는 jquery가 위, 아래, 왼쪽, 오른쪽 슬라이딩을 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. 제목 없는 문서 <br> $(문서).ready(함수(){<br> $("#btn").unbind().click(function(){<br> $("#first").hide(); <p>$("#sec").css("left","-200px").animate({"left":"0px"},500).show();<br> });</p> <p>$("#btn2").unbind().click(function(){<br> $("#초").hide();</p> <p>$("#first").css("left","200px").animate({"left":"0px"},500).show();<br> });</p> <p>$("#btn3").unbind().click(function(){<br> $("#first").hide();<br> $("#sec").css("top","200px").animate({"top":"0px"},500).show();<br> });</p> <p>$("#btn4").unbind().click(function(){<br> $("#초").hide();<br> $("#first").css("top","-200px").animate({"top":"0px"},500).show();<br> });<br> });<br> <br> </머리></p> <p><본문><br> <div style="너비:200px; 높이:200px;"><br> <div id="first" style="text-align:center; width:200px; height:200px;position:absolute;"><br> <p>첫 번째 페이지</p><br> </div><br> <div id="sec" style="text-align:center; 너비:200px; 높이:200px; 디스플레이:none;위치:절대;"><br> </div><br> </div><br> <div style="너비:200px; 높이:50px;"><br> <input type="button" value="오른쪽으로 스크롤" id="btn"/><br> <input type="button" value="왼쪽으로 스크롤" id="btn2"/><br> <input type="button" value="scroll up" id="btn3"/><br> <input type="button" value="scroll down" id="btn4"/><br> </div><br> </본문><br> </p> </div>