Ó£Ö®»¨

<style>
#div1,#div2,#div3
{
 float:left;
 margin-left:0px;
 margin-top:0px;
 position:absolute;
}
</style>
<input type="button" value="Ìá½»" onclick="chkform();">
<div>
<div id="div1">
<table id="tbl1">
<tr><td><input type="text" value="" id="ipt"><a href="javascript:tbl('1');"><font color=red>11111</font></a> <a href="javascript:tbl('2');">22222</a> <a href="javascript:tbl('3');">33333</a></td></tr>
</table>
</div>

<div id="div2">
<table id="tbl2">
<tr><td><a href="javascript:tbl('1');">11111</a> <a href="javascript:tbl('2');"><font color=red>22222</font></a> <a href="javascript:tbl('3');">33333</a></td></tr>
</table>
</div>

<div id="div3">
<table id="tbl3">
<tr><td><a href="javascript:tbl('1');">11111</a> <a href="javascript:tbl('2');">22222</a> <a href="javascript:tbl('3');"><font color=red>33333</font></a></td></tr>
</table>
</div>
</div>

<script lanugage="javascript">
document.all.div2.style.visibility = "hidden";
document.all.div3.style.visibility = "hidden";

function tbl(sVal)
{
 for(var i=1;i<=3;i++)
 {
  if(i==sVal)
  {
   eval('document.all.div' + sVal).style.visibility = "visible"; 
  }
  else
  {
   eval('document.all.div' + i).style.visibility = "hidden"; 
  }  
 }
}
function chkform()
{
 if(document.all.ipt.value=="")
 {
  tbl("1");
  alert("ÇëÊäÈëÄÚÈÝ£¡");
  return false;
 }
}
</script>