使用mouseover和mouseout实现鼠标移入第一个div时第二个div延迟显示

移出第一个div时延迟退出，并且鼠标在第二个div时不会退出，鼠标离开后才退出，

<!doctype html>

<html>

<head>

<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>

北京时间2016年8月7日，里约奥运会游泳项目展开了第一天的争夺，伦敦奥运会冠军叶诗文在400米混合泳的预赛中仅游出4分45秒86，位居第27位无缘决赛，另一位中国选手周敏排名第32同样无缘决赛。2012年伦敦奥运会上，女子400米混决赛中，叶诗文以4分28秒43的成绩夺得冠军并打破世界纪录。不过近几年叶诗文成绩下滑明显。

</div>

</body>

var dem=document.getElementById("dem");

function move(){

dem.style.display="block";

}

function out(){

dem.style.display="none";

}

</script>

</html>

Echo_Chien

浏览 3458回答 3

使用mouseover和mouseout实现鼠标移入第一个div时第二个div延迟显示

3回答