http://oxtag.com/html/ex/ex/ex6.html
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- delay=300 // 이미지가 바뀌는 시간 1000 = 1초, 이미지대신 스타일시트를 이용하면 무지 버벅이겠죠...ㅋ
- num = 1 // 파일 시작 번호.
- my_img = new Array()
- for(i=1;i<=8;i++) {
- my_img[i] = new Image()
- my_img[i].src = "http://oxtag.com/html/img/fish/fish_"+i+".gif"
- }
- function ani() {
- ani_img.src = my_img[num].src
- ani_loop = setTimeout('ani()',delay)
- num = num + 1
- if (num > 8) num = 1
- }
- function ani_stop() {
- clearTimeout(ani_loop)
- }
- //-->
- </SCRIPT>
- </HEAD>
- <BODY>
- <!--
- 문서가 로드 되었을때 실행시킬경우
- <BODY onload=ani()>
- -->
- <center>
- <img src='http://oxtag.com/html/img/fish/fish_1.gif' name='ani_img' width=50 height=30>
- <p>
- <button style="border:1 solid #add8e6;background-color:white;" onClick="ani()" >animation start</button>
- <button style="border:1 solid #add8e6;background-color:white;" onClick="ani_stop()">animation stop</button>
- </center>
'인터넷관련' 카테고리의 다른 글
| 이미지 슬라이드 (0) | 2008.02.01 |
|---|---|
| 쿠키 적용으로 체크하면 다음부터는 뜨지 않는 창 (0) | 2008.02.01 |
| 이미지에 섬광 효과 주기 (0) | 2008.02.01 |
| 자바스크립트와 테이터베이스 연동 (0) | 2008.02.01 |
| TextField의 Align - 텍스트 정렬 및 콤마 찍기 (0) | 2008.02.01 |
| 텍스트 애니메이션 (0) | 2008.02.01 |
| 웹페이지 대화상자 (부모창 위에 새창이 항상 최상위에 존재) (0) | 2008.02.01 |
| 다중 셀렉트(select) 박스 3 (0) | 2008.02.01 |
