티스토리 뷰
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>example</title>
<script type="text/javascript">
window.onload = function(){
var count = 0;
var image = document.getElementById('image');
var frames = [
'0.png','1.png','2.png','3.png','4.png',
'5.png','6.png','7.png','8.png','9.png',
'10.png','11.png','12.png','13.png','14.png'
];
setInterval(function(){
image.src = frames[count % frames.length];
count = count + 1;
},1000/20);
};
</script>
</head>
<body>
<img id="image" />
</body>
</html>
'java,web study > 7주차 (8월 12일~8월 18일)' 카테고리의 다른 글
| 텍스트박스 슬라이드 애니메이션 (0) | 2013.08.13 |
|---|---|
| CSS/JQuery - 툴팁 페이드인/페이드아웃 해보기 (0) | 2013.08.13 |
| JQuery - 이미지 애니메이션(스탑버튼) (0) | 2013.08.12 |
| JQuery - 이벤트 실행방지하기 (0) | 2013.08.12 |
| JQuery - 키코드 알아내기 (0) | 2013.08.12 |
댓글