Question

这是一个显示隐藏js代码，为什么鼠标移到下面那个div还是会被隐藏 帮忙修改一下或者另外给一个也行谢谢了

<script type="text/javascript">

function showTip2(sId)
{
var div2 = document.getElementById(sId);
div2.style.display="block";
//window.event
//clientX
div2.style.left=event.clientX+15;
div2.style.top=parseInt(event.y)+5+document.body.scrollTop;

}

function closeTip2(sId)
{
var div2 = document.getElementById(sId);
div2.style.display="none";
}
</script>

<div align="center" onMouseMove="showTip2('div2')" onMouseOut="closeTip2('div2')">
<img src="headimage/1.jpg" width="70" height="86" border="1" style="border-color:#f9e502"></div>

<div id="div2" style="display:none;background-color :#A10F10; border:1 solid #f9e502;width:300;height:300">
111111111111
</div>

Answer 1

<div id="div1" onMouseMove="showTip2('div2')" onMouseOut="closeTip2('div2')">
    <img src="headimage/1.jpg" width="70" height="86" border="1" style="border-color:#f9e502">
    <div id="div2" style="display:none;background-color :#A10F10; border:1 solid #f9e502;width:300;height:300">  
    111111111111
    </div>
</div>

onMouseMove鼠标移动到div1元素时显示div2

onMouseOut鼠标离开div1元素时关闭div2

把div2放到div1里面就好了，当鼠标放在div2元素上的同时也在div1元素上

追问

div2需要放在外面，没有其他办法了吗

追答

放在外面也行，给div2也加上onMouseMove="showTip2('div2')" onMouseOut="closeTip2('div2')"
这个