티스토리 뷰
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 |