js鼠标经过显示隐藏DIV，鼠标移开隐藏DIV如何继续隐藏？

Question

有个问题要请大家帮下忙，我在网上复制了一个一串JS代码，经过测试鼠标滑动可以显示隐藏DIV，但是鼠标移开的时候，隐藏DIV还继续显示，如何才能保证DIV鼠标移开时隐藏的DIV也继续隐藏呢？
代码：
function ChangeDiv(divId,divName,zDivCount) 
{ 
 for(i=0;i<=zDivCount;i++)
 {
   document.getElementById(divName+i).style.display="none"; 
 }
 document.getElementById(divName+divId).style.display="block"; 
}

Answer 1

用onmouseenter和onmouseleave

Answer 2

只写onmouseover，不写onmouseout

Answer 3

都要写吧，要不就over进去改了block，变不回去了。
只写一个over，可以单独写两个样式，用toggleclass方法来回切换，不过用到了jquery

Answer 4

<li class="back_f"  onMouseMove="JavaScript:ChangeDiv('0','JKDiv_',6)"><div class="w200">九阴绝学</div><div class="w150">页游</div><div class="w100">第一次</div><div class="w52">进行中</div><div class="going" id="JKDiv_0"><a href="http://www.bzw01.com/yeyou/jiuyin/" target="_blank">立即查看</a></div></li>

Answer 5

使用jQuery比较简单，效果实现起来也比较容易理解

Answer 6

要把onmouseout的函数添加进去啊

Answer 7

<script type="text/javascript">
function show1(num) {
var value = document.getElementsByClassName("left_list");
for(var i = 1; i <= value.length; i++) {
if(num == i) {
var dValue = document.getElementById("sequel_right0"+i);
dValue.style.display = "block";
break;
}
}
}
function show2(num) {
var value = document.getElementsByClassName("left_list");
for(var i = 1; i <= value.length; i++) {
if(num == i) {
var dValue = document.getElementById("sequel_right0"+i);
dValue.style.display = "none";
break;
}
}
}
</script>拆成两个方法就可以了