코드 복사 코드는 다음과 같습니다. <br> 테이블{border:1px solid #666;}<br> 테이블 td{border:1px solid #eee;너비:200px;높이: 200px;}<br> img{width:200px;height:200px;border:none;position:relative;}<br> <br> $(function () {<br> // $('img').click(function () {<br> // $('img').animate({ 왼쪽: '-=200px' }, 2000).animate({ 왼쪽: '-=200px' }, 2000)<br> // .animate({ 왼쪽: ' =400px', 위쪽: '-=200px' }, 1).animate({ 왼쪽: '-=200px' }, 2000).animate({ 왼쪽: '-=200px' }, 2000)<br> // .animate({ 왼쪽: ' =400px', 위쪽: '-=200px' }, 1 ).animate({ 왼쪽: '-=200x' }, 2000).animate({ 왼쪽: '-=200px' }, 2000)<br> // })<br> var i = 0; ;<br> $('img').click(function () {<br> if (c < 3) {<br> if (i == 2 & c == 0) { $('img') .animate({ 왼쪽: ' =400px', 위쪽: '-=200px' }, 1); c }<br> else if (i == 2 & c == 1) { $('img').animate ({ 왼쪽: '-=200px' }, 2000); c }<br> else if (i == 2 & c == 2) { $('img').animate({ 왼쪽: '-=200px' }, 2000); c = 0; 나 ; }</p> <p><br> else if (i == 3 & c == 0) { $('img').animate({ left: ' =400px', top: '-=200px' }, 1); c }<br> else if (i == 3 & c == 1) { $('img').animate({ left: '-=200px' }, 2000); c }<br> else if (i == 3 & c == 2) { $('img').animate({ left: '-=200px' }, 2000); c ; }<br> else { $('img').animate({ 왼쪽: '-=200px' }, 2000); 나 ; }<br> }<br> })<br> })<br>
