방법 1 【참고】컨트롤의 CSS 위치 속성을 상대 또는 절대로 설정해야 합니다. 코드 복사 코드는 다음과 같습니다. <br>$(document).ready(function(){ <br>$( "#right1").click(function(){ <br>$(".block1").animate({왼쪽: ' =50px'}, "느린"); <br>}); >$( "#left1").click(function(){ <br>$(".block1").animate({left: '-=50px'}, "slow"); <br>}) <br>} ); 🎜> </div>$(document).ready(function(){ <br>$("#right2").click(function(){ <br>$(". block2").css("margin-left "," =50px"); <div class="codetitle">}); <span>$("#left2").click(function(){ <a style="CURSOR: pointer" data="90993" class="copybut" id="copybut90993" onclick="doCopy('code90993')">$(".block2" ).css("margin-left", "-=50px"); <u>}) </u>}) </a></span> </div>방법 3<div class="codebody" id="code90993"> <br><br><br> <br>코드 복사<br><br><br> 코드는 다음과 같습니다.<br><br> <br><script type="text/javascript" src ="js/jquery-1.8.0.js"> <br>$(document).ready(function(){ </div>$ ("#right3").click(function(){ <br>$(".block3").animate({width:" =50px"}, 222); <br>}); #left3").click(function(){ <div class="codetitle">$(".block3").animate({width:"-=50px"}, 222); <span>}); <a style="CURSOR: pointer" data="68967" class="copybut" id="copybut68967" onclick="doCopy('code68967')">}); <u> " -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> 제목 없는 문서 <br><br>$(document).ready(function(){ <br>$("#right1 ").click(function(){ <br> $(".block1").animate({왼쪽: ' =50px'}, "느린"); <br>}); <br>$("#left1 ").click(function(){ <br> $(".block1").animate({왼쪽: '-=50px'}, "느림"); <br>}); <br> </div>$ ("#right2").click(function() { <br>$(".block2").css("margin-left"," =50px"); <br>}); #left2").click(function(){ <div class="codetitle">$(".block2").css("margin-left","-=50px"); <span>}); <a style="CURSOR: pointer" data="8488" class="copybut" id="copybut8488" onclick="doCopy('code8488')"><u>$ ("#right3").click(function() { </u>$(".block3").animate({width:" =50px"}, 222); </a>}); #left3").click(function(){ </span>$(".block3").animate({width:"-=50px"}, 222); </div>}); <div class="codebody" id="code8488">}); <br> < /head> <버튼 id ="right1">» < 버튼 id="right2">» < ;button id="left3">»< ;div class="block3" id="block" > > 렌더링
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
