티스토리 뷰

프로그래밍/Front (HTML, CSS, JS)

[JavaScript] 버튼 랜덤 이동

꼬렙 2011. 8. 9. 14:26
728x90

<HTML>

<HEAD>

<TITLE>버튼 랜덤 이동</TITLE>

<script language="JavaScript">

var randomNumber = 0;

function change() {

randomNumber = Math.floor(Math.random() * 500) + 1;

loc.style.top = randomNumber;

randomNumber = Math.floor(Math.random() * 500) + 1;

loc.style.left = randomNumber;

}

</script>

</HEAD>


<BODY>

<div id="loc" style="position:absolute; left:350px; top:300px; width:50px; height:50px;">

<form>

<input type="button" value="눌러봐" onMouseOver="change()" onClick="alert('ㅊㅋ')">

</form>

</div>

</BODY>

</HTML>











'프로그래밍 > Front (HTML, CSS, JS)' 카테고리의 다른 글

[JavaScript] 자바스크립트 문자열 넘기기 (숫자로 넘길때 처리 안됨)  (2) 2011.08.12
[JavaScript] 새로 띄운 창의 데이터를 현재 창으로 가져오기  (2) 2011.08.11
[JavaScript] 스크립트 코드의 위치  (0) 2011.08.07
[JavaScript] 롤오버 만들기  (0) 2011.08.07
[JavaScript] HISTORY  (0) 2011.07.25