在div层运用onMouseOut隐藏该层，鼠标滑过层中的文字链接时出现层闪烁的有关问题！
日期：2014-05-16 浏览次数：20429 次
在div层运用onMouseOut隐藏该层，鼠标滑过层中的文字链接时出现层闪烁的问题！急！
我在div层运用onMouseOut隐藏该层，鼠标滑过层中的文字链接时出现层闪烁的问题！急！
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<script language= "JavaScript " type= "text/javascript ">
function hide(){document.getElementById( "qqqq ").style.display= "none ";}
function show(){document.getElementById( "qqqq ").style.display= "block ";}
//var timer = window.setInterval( "qqqq() ", 3000);
</script>
</head>
<div style= "width:600px; height:20px; background-color:#009900 " id= "qqqq " onMouseOver= "show() " onMouseOut= "hide() ">
<span> ggggggggggggggggggg </span>
<span> ggggggggggggggggggg </span>
<span> ggggggggggggggggggg </span>
</div>
</body>
</html>
------解决方案--------------------
IE里有
onmouseenter
onmouseleave
也可以用:
onmouseout= "if(!this.contains(event.toElement)) hide(); "
FF里用第二种方法，contains需要prototype实现，event.toElement改成event.relatedTarget
我在div层运用onMouseOut隐藏该层，鼠标滑过层中的文字链接时出现层闪烁的问题！急！
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<script language= "JavaScript " type= "text/javascript ">
function hide(){document.getElementById( "qqqq ").style.display= "none ";}
function show(){document.getElementById( "qqqq ").style.display= "block ";}
//var timer = window.setInterval( "qqqq() ", 3000);
</script>
</head>
<div style= "width:600px; height:20px; background-color:#009900 " id= "qqqq " onMouseOver= "show() " onMouseOut= "hide() ">
<span> ggggggggggggggggggg </span>
<span> ggggggggggggggggggg </span>
<span> ggggggggggggggggggg </span>
</div>
</body>
</html>
------解决方案--------------------
IE里有
onmouseenter
onmouseleave
也可以用:
onmouseout= "if(!this.contains(event.toElement)) hide(); "
FF里用第二种方法，contains需要prototype实现，event.toElement改成event.relatedTarget
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
