본문 바로가기

javascript

버튼을 누를때마다 움직이는 이미지

// HEAD 에 들어갈 자바스크립트

// 나모에서 이 스크립트 작업을 하면 정상적으로 동작되지 않더군요.. DIV ID 태그가 삭제됩니다.)

<script language="JavaScript">
<!--
function move() {
    if (document.all) {
        document.all('moveme').style.posLeft += 10;
        document.all('moveme').style.posTop += 10;
    }
    else if (document.layers) {
        document.layers['moveme'].pageX += 10;
        document.layers['moveme'].pageY += 10;
    }
}
//-->
</script>


// BODY에 들어갈 내용

<div id="moveme" left=0 top=0 style="position:relative;">
<img src="이미지파일.gif">
</div>

<form>
<input type="button" onClick="move()" value="Move">
</form>