<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metahttp-equiv= "X-ua-compatible"content= "Ie=edge,chrome=1"><title>Examples</title><Metaname= "description"content=""><Metaname= "keywords"content=""><Linkhref=""rel= "stylesheet"><style>Div{float: Left;margin:20px;}#div1{width:100px;Height:100px;background:#f00;}#div2{width:200px;Height:200px;background:#ccc;Display:None;}</style> <Scripttype= "Text/javascript">window.onload=function(){ varODiv1=document.getElementById ("Div1"); varODiv2=document.getElementById ("Div2"); varTimer=NULL; Odiv1.onmouseover=Odiv2.onmouseover=function() {cleartimeout (timer); ODiv2.style.display="Block"; } odiv1.onmouseout=Odiv2.onmouseout=function() {Timer=SetTimeout (function() {ODiv2.style.display="None"; }, -) } }</Script></Head><Body> <DivID= "Div1"></Div> <DivID= "Div2"></Div></Body></HTML>
Js onmouseover and onmouseout small effects