在IE6下,当鼠标在div层上移动的时候,div层会抖动,求解决办法

发布网友发布时间：2024-10-23 13:49

共2个回答

热心网友时间：2024-12-05 15:26

这是著名的onmouseout问题。
我们希望这个DIV在onmouseout的时候隐藏它，但问题是，当mouse并没有out这个DIV，而只是指向了这个DIV里面的某个链接文字或者图片等子元素时，也会触发外层DIV的onmouseout事件，此时，DIV就被隐藏了。而就在这个DIV被隐藏的同时，露出了原本被它遮住的元素，触发了被遮对象的onmousemove事件，于是那个DIV又被显示出来。如此循环，就闪了。
有高手提出延迟隐藏、判断事件源等方法，也有好多人直接用JQuery。追问奇怪的是，在另一个网站里我也用到了相同的js，可那个弹出的层就没这个问题，对比比较也没什么区别，原理通过您，我知道了，谢谢您。但没有对应的解决方法。由于客户着急，我就另做了一个js。

热心网友时间：2024-12-05 15:27

事件冒泡
有一个小技巧，你把onmouseout事件注册到最外层div，然后把弹出层写在这个div里就可以了。

<div onmouseout="changeDiv('layer','none')" onmouseover="changeDiv('layer','block')">
文字。。。
<div id="layer" style="display:none">弹出层</div>
</div>

function changeDiv(tag,method){document.getElementById(tag).style.display = method;}