码迷,mamicode.com
首页 > Web开发 > 详细

js 延时提示框

时间:2017-10-08 10:09:03      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:seo   win   none   splay   doc   meta   timer   load   tle   

<!DOCTYPE HTML>
<html>
<head>
<meta charset = "utf-8">
<title>无标题</title>
<style>
div{ float:left;margin:10px;}
#div1{width:50px;height:50px;background:red;}
#div2{width:250px;height:180px;background:#ccc;display:none;}
</style>
<script>
window.onload=function(){
var odiv1 = document.getElementById(‘div1‘);
var odiv2 = document.getElementById(‘div2‘);
var timer1 = null;
var timer2 = null;
odiv1.onmouseover=function(){
clearTimeout(timer2);
odiv2.style.display = ‘block‘;
};
odiv1.onmouseout=function(){
timer1 = setTimeout(function(){
odiv2.style.display=‘none‘;
},500);
};
odiv2.onmouseover=function(){
clearTimeout(timer1);
};
odiv2.onmouseout=function(){
timer2=setTimeout(function(){
odiv2.style.display = ‘none‘;
},500);

};


};

</script>
<body>

<div id="div1"></div>
<div id="div2"></div>
</body>
</html>

js 延时提示框

标签:seo   win   none   splay   doc   meta   timer   load   tle   

原文地址:http://www.cnblogs.com/lize1215/p/7636434.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!