编程论坛 → ASP.NET技术论坛

onmouseover控制对应DIV 显示和隐藏出现了问题，不知如何修正？

鸿鹄发布于 2010-10-24 21:17， 1153 次点击

<script type="text/javascript" language="javascript">
       function show(id) {
           document.getElementById(id).style.display = "block";


       }
       function hidden(id) {

           document.getElementById(id).style.display = "none";
       }
</script>
<a  onmouseover="show('mishu')"  >秘书部</a>
        <a  onmouseover="show('wailian')">外联部</a>
        <div id="mishu" style="width:400px;height:190px; display:none;"  onmouseout="hidden(id)"><a>秘书部的风采</a><br /><a>秘书部的动态</a></div>
        <div id="wailian" style="width:400px;height:190px;display:none;" onmouseout="hidden(id)" ><a>外联部的风采</a><br /><a>外联部的动态</a></div>
基本上没什么问题，只是鼠标一旦移出来，DIV就没了，而div中还有要选择的链接，怎么办啊？

1 回复

#2

筱晓绾2010-10-25 09:23

<script type="text/javascript" language="javascript">
       function show(id) {
           document.getElementById(id).style.display = "block";
       }
       function hidden(id) {
           document.getElementById(id).style.display = "none";
       }
</script>
<a  onmouseover="show('mishu')">秘书部</a>
        <a  onmouseover="show('wailian')">外联部</a>
        <div id="mishu" style="width:400px;height:190px; display:none;"  onmouseout="hidden('mishu')"><a>秘书部的风采</a><br /><a>秘书部的动态</a></div>
        <div id="wailian" style="width:400px;height:190px;display:none;" onmouseout="hidden('wailian')" ><a>外联部的风采</a><br /><a>外联部的动态</a></div>

貌似是这样的，试下！

1