function init() {
  demoObj = document.getElementById("demoDiv");
  demoObj.addEventListener("mouseover", colorItTan, false);
  demoObj.addEventListener("mouseout", colorItYellow, false);
}

<DIV ID="demoDiv" STYLE="position:relative; left:100px; top:20px; width:100px; height:25px; color:blue; background-color:yellow;">Mouse over me!</DIV>
<SCRIPT LANGUAGE="JavaScript">
<!--
var demoObj;
function init() {
  demoObj = document.getElementById("demoDiv");
  demoObj.addEventListener("mouseover", colorItTan, false);
  demoObj.addEventListener("mouseout", colorItYellow, false);
}

function colorItTan() {
  demoObj.style.backgroundColor = "tan";
}

function colorItYellow() {
  demoObj.style.backgroundColor = "yellow";
}

onload = init; 
// -->
</SCRIPT>

People who read this tip also read these tips:

• Probing the Left ALT Key
• Main Features of Internet Explorer 6
• Using the "onBlur" Event Handler
• Changing Inline Images
• Event Handler Definition