<html>
<head>
<meta charset="windows-1251"
<title></title>
<style>
#box {
	width:600px;
	height:600px;
	border: solid 1px yellow;
	position: relative;
	cursor:pointer
	}
#butty {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:150px;
	background-image:url(butty.jpg);
	}
</style>
<script>
var islive = 1;


	function gotuflo() {
		document.getElementById("butty").style.backgroundImage = "url('dead butty.jpg')";
	islive = 0;
	}
	
	function flyaway() {
		setTimeout (MoveMe, 150)
	}

	function MoveMe() {
		var x, y;

		if (islive){
		x = Math.random() * (600-150);
		y = Math.random() * (600-150)
		
		y = y + "px"
		x = x + "px"
		
		document.getElementById("butty").style.top = y;
		document.getElementById("butty").style.left = x;
		
		setTimeout (MoveMe, 300);
	}
}
 </script>
</head>
<body onLoad = "MoveMe()">
<h2>Поймай меня!</h2>
<div id="box">
	<div id="butty" onClick = "gotuflo()">
	</div>
</div>
</body>