jQuery) 지속적 이미지 순서 변경 (문서 객체의 이동)

기존에 존재하는 문서 객체를 선택하고 문서 객체 삽입 메서드를 사용하면, 문서 객체를 쉽게 다른 곳으로 이동시킬 수 있다.
setInterval() 함수를 사용했기 때문에 2초마다 문서 객체의 순서를 변경할 수 있다. 코드를 실행하면 첫 번째 이미지가 계속 body 태그의 뒷부분으로 옮겨지므로 이미지 순서가 계속 변경된다.

//헤드에 넣어준다.     <script src="http://code.jquery.com/jquery-1.7.js"></script>     <script>         $(document).ready(function () {             //$('img').first().appendTo('body');             //.image의 크기를 조정합니다.             $('img').css('width', 250);               //함수를 2초마다 실행합니다.             setInterval(function () {                 //첫 번째 이미지를 마지막으로 보냅니다.                 $('img').first().appendTo('body');             }, 2000);         });     </script>  //바디에 넣어준다.     <img style="width: 250px;" src="skin/start_normal.bmp">     <img style="width: 250px;" src="skin/exec_click.bmp">     <img style="width: 250px;" src="skin/exec_disable.bmp">     <img style="width: 250px;" src="skin/start_click.bmp"> //소스코드 끝

<pre class="brush: html">
    여기 사이에 html 소스 전체를 가져다 붙이려 했더니 오류가 빵빵 난다 ㅠ.ㅠ
    html 안에서 편집하는거라 안되는건가보다
    그리고 블로그의 아이콘들이 커지면서 망가지기도 했다. 어휴
    왜 쓰질 못하는거지 ㅠㅠ 그래서 그냥 소스코드를 표에 붙였다 엉엉
</pre>