<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中还有要选择的链接，怎么办啊？

<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>


貌似是这样的，试下！