java层显示隐藏
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script>
function ShowDiv(index)
{
for(var i=0;i<7;i++) //全隐藏
{
document.getElementById("div"+i).style.display="none";
}
//显示所需
document.getElementById("div"+index).style.display="";
}
</script>
</head>
<body>
<script>
//默认显示第一个
ShowDiv(0);
</script>
<input id="Button1" type="button" value="button1" onclick="return ShowDiv(0)" />
<input id="Button2" type="button" value="button2" onclick="return ShowDiv(1)" />
<input id="Button3" type="button" value="button2" onclick="return ShowDiv(2)" />
<input id="Button4" type="button" value="button2" onclick="return ShowDiv(3)" />
<input id="Button5" type="button" value="button2" onclick="return ShowDiv(4)" />
<input id="Button6" type="button" value="button2" onclick="return ShowDiv(5)" />
<input id="Button7" type="button" value="button2" onclick="return ShowDiv(6)" />
<div id="div0">第一个</div>
<div id="div1">第二个</div>
<div id="div2">第3个</div>
<div id="div3">第4个</div>
<div id="div4">第5个</div>
<div id="div5">第6个</div>
<div id="div6">第7个</div>
</body>
</html>
