为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

Echo_Chien 2016-08-08 19:11:54
移出第一个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>
查看完整描述

3 回答

?
至善笃行

TA贡献6条经验 获得超1个赞

你用一个进入事件mouseover,然后里面用fideIn,完成后执行岂不是更好?

查看完整回答
反对 回复 2016-08-09
  • 3 回答
  • 0 关注
  • 3447 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信