<html>
<head>
<script language="JavaScript">
<!--
function styleProp() {
if (myDiv.style.backgroundColor == "gray"){
myDiv.style.backgroundColor = "red";
return;
}
if (myDiv.style.backgroundColor == "red"){
myDiv.style.backgroundColor = "blue";
return;
}
if (myDiv.style.backgroundColor == "blue"){
myDiv.style.backgroundColor = "green";
return;
}
if (myDiv.style.backgroundColor == "green"){
myDiv.style.backgroundColor = "orange";
return;
}
if (myDiv.style.backgroundColor == "orange"){
myDiv.style.backgroundColor = "gray";
return;
}
}
function final() {
alert("backgroundColor property has changed value!");
}
-->
</script>
</head>
<body bottommargin=150>
<div id="myDiv"
style="width:500;
height:200;
cursor:hand;
color:red;
background-color:gray"
onclick="styleProp()"
onpropertychange="final();">
Click here to change the background color of this box.
</div>
</body>
</html>