Question

js控制的图片切换总是闪烁（鼠标还未离开切换区，只要轻轻碰一下鼠标，显示的大图来回闪，高手帮帮忙）

你码如下
<script language="javascript">
function ShowImage()
{
if(BigImage.style.display=="none")
{BigImage.style.display="";}
else
{BigImage.style.display="none";}
}
</script>

<style type="text/css">
#BigImage {
position:absolute;
left:375px;
top:28px;
width:286px;
height:136px;
z-index:1;
}

<img src="images/index_r3_c9.jpg" width="115" height="115" border="0" onMouseOver="ShowImage()" onMouseOut="ShowImage()">

Answer 1

把最后的img用div包起来

<div onMouseOver="ShowImage()" onMouseOut="ShowImage()">

<img src="images/index_r3_c9.jpg" width="115" height="115" border="0" >
</div>

Answer 2

因为鼠标进去的时候，触发了onmouseover事件，执行ShowImage函数，图片的display变成了none，图片就隐藏了，这个时候鼠标就无法继续在图片上，也就立刻就离开了图片，因此执行了onmouseout事件，又是ShowImage函数，将图片的display属性变成了空，图片又回来了，此时又触发了onmouseover事件，于是悲剧了，死循环了。。。

追问

怎么解决，很少看JS代码，---------，可以谈下思路也好

追答

参考楼下，如果只是一张图片，在图片隐藏后，你就永远没有办法执行onmouseover事件，也就没有办法将图片显示出来了。所以，加一个外盒子还是有必要的。

Answer 3

这个你把div他的格式改为冒泡，应该就没问题了。
简单的话就是给你的img设置个id display设置为none 再鼠标出去之后再显示