当前位置: 代码迷 >> ASP.NET >> 透过鼠标移过控制div显示
  详细解决方案

透过鼠标移过控制div显示

热度:6964   发布时间:2013-02-25 00:00:00.0
通过鼠标移过控制div显示
代码:

<form   id= "f "   runat= "server ">
<script   language= "javascript ">
function   omo1()
{
document.getElementById( "tb ").style.backgroundColor= "#3ee "
document.getElementById( "d1 ").style.display= " "
document.getElementById( "d2 ").style.display= "none "
}

function   omo2()
{
document.getElementById( "tb ").style.backgroundColor= "#3ee "
document.getElementById( "d2 ").style.backgroundColor= " "
document.getElementById( "d1 ").style.backgroundColor= "none "
}
</script>
<table>
<tr>
<td   id= "tb ">
<a   href= "# "   onmouseover= "omo1() "> show1 </a>
<a   href= "# "   onmouseover= "omo2() "> show2 </a>
</td>
</tr>
<tr>
<td> <div   id= "d1 "   runat= "server "> <table>
<%for(int   a=0;a <3;a++){%>
<tr>
<td   colspan= "2 "> <%=a%> </td>
</tr>
<%}%>
</table>
</div>
</td>
</tr>
<tr>
<td> <div   id= "d2 "   runat= "server "> <table>
<%for(int   a=0;a <3;a++){%>
<tr>
<td   colspan= "2 "> <%=a+1%> </td>
</tr>
<%}%>
</table>
</div>
</td>
</tr>
</table>
</form>

报错:缺少对象
望大家帮忙解决,谢谢了先

------解决方案--------------------------------------------------------
document.getElementById( "d2 ").style.display= " "
=============》
document.getElementById( "d2 ").style.display= "block "
------解决方案--------------------------------------------------------
function omo1()
{
document.getElementById( "tb ").style.backgroundColor= "#3ee "
document.getElementById( "d1 ").style.display= "block "
document.getElementById( "d2 ").style.display= "none "
}

function omo2()
{
document.getElementById( "tb ").style.backgroundColor= "#3ee "
document.getElementById( "d2 ").style.display= "block "
document.getElementById( "d1 ").style.display= "none "
}
------解决方案--------------------------------------------------------
<div id= "d2 " runat= "server " style= "display:none ">
  相关解决方案