又来问有关问题了，隐藏显示层的有关问题！
日期：2014-05-16 浏览次数：20371 次
又来问问题了，隐藏显示层的问题！！
鼠标移到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";
};
d2.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>
------解决方案--------------------
<!-- window.onload=function(){
var d1=document.getElementById("d1"); &nbs
鼠标移到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>
------解决方案--------------------
<!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";
};
d2.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>
------解决方案--------------------
<!-- window.onload=function(){
var d1=document.getElementById("d1"); &nbs
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
