<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> new page </title>
<script>
function show(i){
document.getElementById( "div "+i).style.display= "block ";
if(document.getElementById( "hidden1 ").value!= " "&&document.getElementById( "hidden1 ").value!= "div "+i){
document.getElementById(document.getElementById( "hidden1 ").value).style.display= "none ";
}
document.getElementById( "hidden1 ").value= "div "+i;
}
</script>
</head>
<body>
<div id=div1 style= "position:absolute;left:0px;top:100px;width:100px;height:100px;background-color:#dddddd;display:none "> div1 </div>
<div id=div2 style= "position:absolute;left:100px;top:100px;width:100px;height:100px;background-color:#cccccc;display:none "> div2 </div>
<div id=div3 style= "position:absolute;left:200px;top:100px;width:100px;height:100px;background-color:#bbbbbb;display:none "> div3 </div>
<div id=div4 style= "position:absolute;left:300px;top:100px;width:100px;height:100px;background-color:#aaaaaa;display:none "> div4 </div>
<input type=hidden id=hidden1 value= " ">
<input type=button value= "显示div1 " οnclick=show(1)>
<input type=button value= "显示div2 " οnclick=show(2)>
<input type=button value= "显示div3 " οnclick=show(3)>
<input type=button value= "显示div4 " οnclick=show(4)>
</body>
</html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> new page </title>
<script>
function show(i){
document.getElementById( "div "+i).style.display= "block ";
if(document.getElementById( "hidden1 ").value!= " "&&document.getElementById( "hidden1 ").value!= "div "+i){
document.getElementById(document.getElementById( "hidden1 ").value).style.display= "none ";
}
document.getElementById( "hidden1 ").value= "div "+i;
}
</script>
</head>
<body>
<div id=div1 style= "position:absolute;left:0px;top:100px;width:100px;height:100px;background-color:#dddddd;display:none "> div1 </div>
<div id=div2 style= "position:absolute;left:100px;top:100px;width:100px;height:100px;background-color:#cccccc;display:none "> div2 </div>
<div id=div3 style= "position:absolute;left:200px;top:100px;width:100px;height:100px;background-color:#bbbbbb;display:none "> div3 </div>
<div id=div4 style= "position:absolute;left:300px;top:100px;width:100px;height:100px;background-color:#aaaaaa;display:none "> div4 </div>
<input type=hidden id=hidden1 value= " ">
<input type=button value= "显示div1 " οnclick=show(1)>
<input type=button value= "显示div2 " οnclick=show(2)>
<input type=button value= "显示div3 " οnclick=show(3)>
<input type=button value= "显示div4 " οnclick=show(4)>
</body>
</html>