<body style="margin-left:0; margin-top:0">
<script>
function log(message)
{
var item = top.document.createElement("li");
item.appendChild(document.createTextNode(message));
top.document.getElementById("log").appendChild(item);
}
function logMouseEvent(evt)
{
target = (evt.target) ? evt.target : evt.srcElement;
log(evt.type + " on " + target.id);
}
function doOnMouseOver(evt)
{
logMouseEvent(evt);
document.getElementById("t1").style.backgroundColor = "white";
}
function doOnMouseOut(evt)
{
logMouseEvent(evt);
document.getElementById("t1").style.backgroundColor = "gray";
}
</script>
<div style="height: 50; width: 50; background:red; top:0;left:0; position:absolute;" id="t1"
onMouseOver="doOnMouseOver(event);"
onMouseOut="doOnMouseOut(event)">1</div>
</body>