Contoh dalam artikel ini menerangkan cara jquery melaksanakan gelongsor ke atas, bawah, kiri dan kanan. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Dokumen Tanpa Tajuk <br> $(dokumen).sedia(fungsi(){<br> $("#btn"). nyahikat().klik(fungsi(){<br> $("#first").sembunyikan(); <p>$("#sec").css("left","-200px").animate({"left":"0px"},500).show();<br> });</p> <p>$("#btn2").lepas ikatan().klik(fungsi(){<br> $("#sec").hide();</p> <p>$("#first").css("left","200px").animate({"left":"0px"},500).show();<br> });</p> <p>$("#btn3").lepas ikatan().klik(fungsi(){<br> $("#first").sembunyikan();<br> $("#sec").css("top","200px").animate({"top":"0px"},500).show();<br> });</p> <p>$("#btn4").lepas ikatan().klik(fungsi(){<br> $("#sec").hide();<br> $("#first").css("top","-200px").animate({"top":"0px"},500).show();<br> });<br> });<br> </skrip><br> </head></p> <p><badan><br> <div style="width:200px; height:200px;"><br> <div id="first" style="text-align:center; width:200px; height:200px;position:absolute;"><br> <p>Halaman pertama</p><br> </div><br> <div id="sec" style="text-align:center; width:200px; height:200px; display:none;position:absolute;"><br> </div><br> </div><br> <div style="width:200px; height:50px;"><br> <input type="button" value="Skrol ke kanan" id="btn"/><br> <input type="button" value="Skrol kiri" id="btn2"/><br> <input type="button" value="scroll up" id="btn3"/><br> <input type="button" value="scroll down" id="btn4"/><br> </div><br> </body><br> </html><br><br> <br>Perhatian khusus harus diberikan kepada: position:absolute; <br> <br>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang. <br></p> </div>