JavaScript js鼠标经过显示隐藏层问题
就是如图，鼠标经过超链接能显示隐藏层离开超链接也能隐藏层但是我想把鼠标移到隐藏层却始终碰不到怎么回事鼠标一离开隐藏层就消失了能不能有办法设定为离开超链接和隐藏层那个隐藏层...
就是如图， 鼠标经过超链接 能显示隐藏层 离开超链接也能隐藏层 但是我想把鼠标移到隐藏层 却始终碰不到 怎么回事 鼠标一离开 隐藏层就消失了 能不能有办法 设定为 离开超链接和隐藏层 那个隐藏层才消失 而不是 离开超链接 隐藏层才消失
展开
1个回答
展开全部
你一移开他就隐藏怎么可能移得到上面，给你给思路，用定时器，让他延时隐藏，只要在延时的那段时间移动到隐藏层上面，就把定时器关了，他就不会消失了
更多追问追答
追问
有没实例代码 借鉴下 JavaScript不是很懂
追答
有的，等一下，就是个延时提示框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
window.onload = function ()
{
var oDiv1 = document.getElementById('div1');
var oDiv2 = document.getElementById('div2');
var timer = null;//定义定时器变量
//鼠标移入div1或div2都把定时器关闭了，不让他消失
oDiv1.onmouseover = oDiv2.onmouseover = function ()
{
oDiv2.style.display = 'block';
clearTimeout(timer);
}
//鼠标移出div1或div2都重新开定时器，让他延时消失
oDiv1.onmouseout = oDiv2.onmouseout = function ()
{
//开定时器
timer = setTimeout(function () {
oDiv2.style.display = 'none'; }, 500);
}
}
</script>
<style>
#div1
{
width: 50px;
height: 50px;
background: red;
float: left;
margin-right: 20px;
}
#div2
{
width: 200px;
height: 200px;
background: yellow;
float: left;
display: none;
}
</style>
</head>
<body>
<div>
<div id="div1">
</div>
<div id="div2">
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
