js控制div显示与隐藏，js利用"hover"属性控制隐藏的div显示出来。

Question

同一页面(.asp)里面有两个同样大小的div，a和b（里面的内容不一样）。a默认显示，b默认隐藏。现在要求当鼠标悬停在a上面时，a隐藏而b显示，（当然是在同样的地方显示），当鼠标离开b时，a显示而b隐藏。
一楼，二楼的回答做出来的页面onmouseover时都div一直在闪烁，现在把问题修改一下，如下：

同一页面(.asp)里面有两个同样大小的div，a和b（里面的内容不一样）。a默认显示，b默认隐藏。现在要求设置一个按键，按一下a隐藏而b显示。再按一下回到开始，a显示而b隐藏。
希望高手写出完全代码。谢谢！

Answer 1

html:

<div id="a" class="dbl"> a content </div>
<div id="a" class="dno"> b content </div>

css:
<style type="text/css">
.dbl{display:block;}
.dno{display:none;}
</style>

js:

<script language="javascript">
document.getElementById("a").onmouseover = function(){
document.getElementById("a").className = "dno";
document.getElementById("a").className = "dbl";
}
document.getElementById("a").onmouseout = function(){
document.getElementById("a").className = "dbl";
document.getElementById("a").className = "dno";
}

</script>

注意：js要放在最后面，css，html的位置随便本回答被提问者采纳

Answer 2

以前学过java，但是忘记差不多了！
onmuseover 悬浮
onmuseout 离开
visble="true" 显示
visble="false" 隐藏
下面代码仅供参考
if(this.diva.onmouseover)
{
this.diva.visible=true;
this.divb.visible=false;
}
else if(this.diva.onmouseout)
{
this.diva.visible=false;
this.divb.visible=true;
}
先把diva 的visible属性设置成 true ; divb设置成false;
我这只有vs2005没MyEclipse。不能给你完全的代码。上面几个属性希望对你有帮助！