使用mouseover和mouseout实现鼠标移入第一个div时第二个div延迟显示
移出第一个div时延迟退出，并且鼠标在第二个div时不会退出，鼠标离开后才退出，
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#demo{ width:100px; height:100px; background-color:rgba(153,102,0,1); float:left}
#dem{ width:300px; height:300px; background-color:rgba(102,153,204,0.5);
float:left; margin-left:30px; display:none}
</style>
</head>
<body>
<div id="demo" onMouseOver="move()" onMouseOut="out()"></div>
<div id="dem" >
北京时间2016年8月7日，里约奥运会游泳项目展开了第一天的争夺，伦敦奥运会冠军叶诗文在400米混合泳的预赛中仅游出4分45秒86，位居第27位无缘决赛，另一位中国选手周敏排名第32同样无缘决赛。2012年伦敦奥运会上，女子400米混决赛中，叶诗文以4分28秒43的成绩夺得冠军并打破世界纪录。不过近几年叶诗文成绩下滑明显。
</div>
</body>
<script>
var dem=document.getElementById("dem");
function move(){
dem.style.display="block";
}
function out(){
dem.style.display="none";
}
</script>
</html>
Echo_Chien浏览 3458回答 3
3回答
-
至善笃行
你用一个进入事件mouseover，然后里面用fideIn，完成后执行岂不是更好？
随时随地看视频慕课网APP
相关分类
JavaScript