js 延時提示框
阿新 • • 發佈：2018-12-20
<style type="text/css">
div{float: left;
margin: 10px;}
#div1{border: solid 1px black;
width: 60px;
height: 60px;
background: red;
}
#div2{border: solid 1px black;
width: 200px;
height: 200px;
background: green;
display: none;
}
</style>
<script type="text/javascript">
window.onload=function(){
var odiv1=document.getElementById('div1');
var odiv2=document.getElementById('div2');
var timer=null;
odiv1.onmouseover=odiv2.onmouseover=function(){
odiv2.style.display='block';
clearTimeout(timer);
odiv1.onmouseout=odiv2.onmouseout=function(){
timer=setTimeout(function(){
odiv2.style.display='none';
clearTimeout(timer);
},500);
}
};
};
</script><body>
<div>
<div id="div1"></div>
<div id="div2"></div>
</div>
</body>