[c.y.j]练习div显示

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>javascript</title>
<script type="text/javascript">


window.onload=function(){
var odiv1=document.getElementById("div1");
var odiv2=document.getElementById("div2");
var setTimevar=null;

odiv2.onmouseover=odiv1.onmouseover=function(){
odiv2.style.display="block";
clearTimeout(setTimevar);
}
odiv2.onmouseout=odiv1.onmouseout=function(){
setTimevar=setTimeout(function(){
odiv2.style.display="none";
},1000);
}

};


</script>
</head>


<body>
<div id="div1" style="background:#C00 ; height:100px; width:100px">
</div><br/>
<div id="div2" style="background:#0F3 ; height:100px; width:100px;display:none;">
</div>


</body>
</html>