<div class="codetitle"> <span><a style="CURSOR: pointer" data="59025" class="copybut" id="copybut59025" onclick="doCopy('code59025')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code59025"> <br><head><br><title>< ;/title> ; <BR><script src="jquery-1.9.1.js" type="text/javascript"></script> <br><style type="text/css"> <br> img <br>{ <br>너비:150px; <br>높이:200px; <br>위치:상대적 <br>} <br>td{너비:150px;높이:200px;} 테이블{border :solid 1px black;} <br></style> <br><script type="text/javascript"> <br>$(function () { <br>$('img') .click( function () { <br>$(this).animate({ 왼쪽: ' =150px' }, 2000).animate({ 왼쪽: ' =150px' }, 2000).animate({ 위쪽: ' = 200px' } , 2000).animate({ 왼쪽: '-=150px' }, 2000).animate({ 왼쪽: '-=150px' }, 2000).animate({ 위쪽: ' =200px' }, 2000) .animate( { left: ' =150px' }, 2000).animate({ left: ' =150px' }, 2000); <br>}) <br>//요소에 애니메이션 대기열이 있는 경우 애니메이션 중지, stop은 현재 애니메이션이고 다음 애니메이션을 실행합니다 <br>$('#btnStop').click(function () { <br>$('img').stop(); <br>}) <br>$ ('#btnYanChi').click(function () { <br>$('img').delay(2000).hide(2000); <br>}) <br>}) <br>< /script> <br></head> <br><table> <br><tr>" /> <br></td> <br> <br><br><td> <br> </td> <br><br> ><td> <br> </td> <br> <br> <br><tr> ; <br><td> <br> <br> </td> <br> <br> </ 테이블> <br><input id="btnStop" type="button" value="stop" /> <br><input id="btnYanChi" type="button" value="지연된 실행 " /> ; <br></body></tr> </div>