求一个JS二级导航

Question

 <script language="javascript">
     function moveon(id) {         bolck = document.getElementById(id).style;
         bolck.visibility = "visible";     }
     function moveout(id) {
         bolck = document.getElementById(id).style;
         bolck.visibility = "hidden";     }
        </script> 
<ul class="sec_nav"><li>
<a href="###" onmousemove="moveon('sx')" onmouseout="moveout('sx')">AAA</a></li>
</ul>
<div id="sx" class="threeblock">
 
</ul></div>求解决 鼠标放到 a标签上就显示 离开a就消失了 
我想要个效果是 放到a标签上显示 离开 div sx 消失 求助~~~

Answer 1

css控制就行了，兼容ie6的话需要js，不兼容ie6可以不用，不过基本ie6可以忽略了http://www.codefans.net/jscss/code/2388.shtml

Answer 2

不用CSS 改动太大了 就要在这个基础上改

Answer 3

你把onmouseout="moveout('sx')放在div中试试

Answer 4

用js改动也很大的，要增加事件<ul class="sec_nav"><li>
<a href="###" onmousemove="moveon('sx')" onmouseout="moveout('sx')">AAA</a></li>
</ul>
<div id="sx" class="threeblock" style="border:solid 1px black" onmouseover="moveon(this.id)" onmouseout="moveout(this.id,true)">
 sx</div>
 <script language="javascript">
     var timers = {}
     function moveon(id) {
         clearTimeout(timers[id]);
         bolck = document.getElementById(id).style;
         bolck.visibility = "visible";     }
     function moveout(id, im) {
         if (im) {
             bolck = document.getElementById(id).style;
             bolck.visibility = "hidden";
         }
         else
             timers[id] = setTimeout(function () { moveout(id, true) }, 300); //需要计时器，间隔大小需要自己依据弹出层的位置来调整，距离远就设置大些
     }
</script>

Answer 5

function moveon(id) {
    bolck = document.getElementById(id).style;
    bolck.visibility = "visible";
}
function moveout(id) {
    bolck = document.getElementById(id).style;
    bolck.visibility = "hidden";
}这样？
HTML代码多放点啊。

Answer 6

<ul class="sec_nav">
    <li><a href="###" onmousemove="moveon('sx')">AAA</a></li>
</ul>
<div id="sx" class="threeblock" onmouseout="moveout('sx')">123</div>