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>
반응형
'인터넷정보' 카테고리의 다른 글
| input 또는 폼안의 포커스 이동 및 글자 길이 제한 (0) | 2007.10.18 |
|---|---|
| input 또는 폼안의 포커스 이동 및 글자 길이 제한 (0) | 2007.10.18 |
| 다중 셀렉트(select) 박스 3 (0) | 2007.10.18 |
| 다중 셀렉트(select) 박스 3 (0) | 2007.10.18 |
| 이미지 슬라이드 (0) | 2007.10.18 |
| 체크박스 전체선택 / 전체해제 (0) | 2007.10.18 |
| 체크박스 전체선택 / 전체해제 (0) | 2007.10.18 |
| 매월 마지막 날자 구하기 (0) | 2007.10.18 |
| 매월 마지막 날자 구하기 (0) | 2007.10.18 |
| 마우스 좌표값 (0) | 2007.10.18 |