버튼 클릭으로 창 움직이기 예제

<style type="text/css">
<!--
	.btn1{font-weight:bold; font-size:9pt; width:50 ; height:50}
//-->
</style>

<script language="JavaScript">
<!--
	var moveX = 0;
	var moveY = 0;
	var moves = 5; //한번에 움직이는 거리(픽셀)
	
	function moveMoveMove(){
		window.moveBy(moveX, moveY);
		moveX = 0;
		moveY = 0;
	}
	
	//초간단 소스
	//moveBy는 현재창을 상대값으로 이동시켜 준다.
	//현재 위치에서 +1 -1 이런식으로..
//-->
</script>

<table border="0" align="center" cellspacing="0" cellpadding="5">
	<tr>
	<td><input type="button" value="↖" onclick="moveX=-moves;moveY=-moves;moveMoveMove()" class="btn1"></td>
	<td><input type="button" value="↑" onclick="moveY=-moves;moveMoveMove()" class="btn1"></td>
	<td><input type="button" value="↗" onclick="moveX=moves;moveY=-moves;moveMoveMove()" class="btn1"></td>
	</tr>
	<tr>
	<td><input type="button" value="←" onclick="moveX=-moves;moveMoveMove()" class="btn1"></td>
	<td align="center">~m-_-m~</td>
	<td><input type="button" value="→" onclick="moveX=moves;moveMoveMove()" class="btn1"></td>
	</tr>
	<tr>
	<td><input type="button" value="↙" onclick="moveX=-moves;moveY=moves;moveMoveMove()" class="btn1"></td>
	<td><input type="button" value="↓" onclick="moveY=moves;moveMoveMove()" class="btn1"></td>
	<td><input type="button" value="↘" onclick="moveX=moves;moveY=moves;moveMoveMove()" class="btn1"></td>
	</tr>
</table>