在IE6下，当鼠标在div层上移动的时候，div层会抖动，解决办法（转）

最新推荐文章于 2024-09-30 14:28:41 发布

weixin_30608131

最新推荐文章于 2024-09-30 14:28:41 发布

阅读量146

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/leanfish/archive/2012/03/27/2419050.html

版权

js制作的鼠标移上的时候弹出一个div层，里面有文字图片。但鼠标在层上面移动的时候，层会抖动，老是闪动。发现鼠标移动的慢了抖动就减轻很多，每当移动到链接或图片上的时候就会闪动。解决办法：

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

<div οnmοuseοut="changeDiv('layer','none')" οnmοuseοver="changeDiv('layer','block')">
文字。。。
   <div id="layer" style="display:none">弹出层</div>
</div>

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

这是著名的onmouseout问题。我们希望这个DIV在onmouseout的时候隐藏它，但问题是，当mouse并没有out这个DIV，而只是指向了这个DIV里面的某个链接文字或者图片等子元素时，也会触发外层DIV的onmouseout事件，此时，DIV就被隐藏了。而就在这个DIV被隐藏的同时，露出了原本被它遮住的元素，触发了被遮对象的onmousemove事件，于是那个DIV又被显示出来。如此循环，就闪了。有高手提出延迟隐藏、判断事件源等方法，也有好多人直接用JQuery。

转载于:https://www.cnblogs.com/leanfish/archive/2012/03/27/2419050.html