JS定时器的使用--延时提示框
<title>无标题文档</title> <style> div{float:left;margin:10px;} #div1{width:50px; height:50px; background:red;} #div2{width:200px; height:200px; background:#999;} </style> <script> window.onload=function () { var oDiv1=document.getElementById(‘div1‘); var oDiv2=document.getElementById(‘div2‘); var timer=null; /* oDiv1.onmouseover=function (){ clearTimeout(timer); oDiv2.style.display=‘block‘; } oDiv1.onmouseout=function () { timer=setTimeout(function(){ oDiv2.style.display=‘none‘; },500); } oDiv2.onmouseover=function (){ clearTimeout(timer); } oDiv2.onmouseout=function (){ timer=setTimeout(function (){ oDiv2.style.display=‘none‘; },500); }*/ oDiv1.onmouseout=oDiv2.onmouseout=function (){ timer=setTimeout(function (){ oDiv2.style.display=‘none‘; },500); }; oDiv1.onmouseover=oDiv2.onmouseover=function (){ clearTimeout(timer); oDiv2.style.display=‘block‘; }; }; </script> </head> <body> <div id="div1"></div> <div id="div2"></div> </body>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。