又来问问题了，隐藏显示层的问题！！
本帖最后由 noapple1000 于 2012-12-05 15:29:40 编辑 鼠标移到A元素上 隐藏的层显示
但是还想能把鼠标移到隐藏的层上面 层也不消失
移到其他地方会消失
现在代码是 离开A 层就消失了
想可以移到div层上
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload=function(){
var d1=document.getElementById("d1");
var d2=document.getElementById("d2");
d1.onmouseover=function(){
d2.style.display="block";
};
d1.onmouseout=function(){
d2.style.display="none";
}
}
//-->
</SCRIPT>
<BODY>
<a id="d1" href="#" style="text-decoration:none;">aaa</a>
<div id="d2" style="width:60px;height:30px;border:1px solid red;background-color:blue;display:none">
</div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<SCRIPT LANGUAGE="JavaScript">
window.onload=function(){
var d1=document.getElementById("d1");
var d2=document.getElementById("d2");
d2.onmouseover=function(){clearTimeout(timer);}//移动到层上清除计时器
d2.onmouseout=function(){ d2.style.display="none"}
d1.onmouseover=function(){clearTimeout(timer);//////
d2.style.display="block";
};
var timer
d1.onmouseout=function(){
timer=setTimeout(function(){ d2.style.display="none";},200);//用计时器来隐藏，如果距离很远间隔要放大一些
}
}
</SCRIPT>
<BODY>
<a id="d1" href="#" style="text-decoration:none;">aaa</a>
<div id="d2" style="width:60px;height:30px;border:1px solid red;background-color:blue;display:none">
</div>
</BODY>
</HTML>
var d2=document.getElementById("d2");
d1.onmouseover=function(){
d2.style.display="block"; };
d1.onmouseout=function(){
//
d2.onmouseover=function(){ d2.style.display="block"; }; d2.onmouseout=function(){ d2.style.display="none"; }
//
d2.style.display="none"; } } //-->
