当前位置:编程学习 > html/css >>

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

js制作的鼠标移上的时候弹出一个div层,里面有文字图片。但鼠标在层上面移动的时候,层会抖动,老是闪动。发现鼠标移动的慢了抖动就减轻很多,每当移动到链接或图片上的时候就会闪动。有没有谁遇见过这个情况。求解决办法
追问:奇怪的是,在另一个网站里我也用到了相同的js,可那个弹出的层就没这个问题,对比比较也没什么区别,原理通过您,我知道了,谢谢您。但没有对应的解决方法。由于客户着急,我就另做了一个js。
答案:事件冒泡
有一个小技巧,你把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;}
其他:这是著名的onmouseout问题。
我们希望这个DIV在onmouseout的时候隐藏它,但问题是,当mouse并没有out这个DIV,而只是指向了这个DIV里面的某个链接文字或者图片等子元素时,也会触发外层DIV的onmouseout事件,此时,DIV就被隐藏了。而就在这个DIV被隐藏的同时,露出了原本被它遮住的元素,触发了被遮对象的onmousemove事件,于是那个DIV又被显示出来。如此循环,就闪了。
有高手提出延迟隐藏、判断事件源等方法,也有好多人直接用JQuery。 

上一个:一个div中放的图片,一个div中放的swf文件,怎样把swf放在图片上方
下一个:用java写一个进行int型数据+-×/的calculator,类中有四个方法add,sub,mul,div,div要返回结果

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,