例子:
效果图:

<table>
<tr><td></td></tr>
<tbody id="id__1">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
<tr><td></td></tr>
</table>
<tr>
<td colspan="12">
<div id="zhangkai" style="background: #e2eff7 ;text-align:center; margin-top: 0px" >
<img src="<%=request.getContextPath()%>/img/exBn4.gif" onclick="test(1)"></img>
</div>
<div id="zhedie" style="background: #e2eff7 ;text-align:center; margin-top: 0px;display: none;" >
<img src="<%=request.getContextPath()%>/img/exBn3.gif" onclick="test(0)"></img>
</div>
<span style="white-space:pre"> </span></td>
</tr>
<tbody style="display:none;" id="tt" color="red">
function test(str){
if(str == 1){
document.getElementById("tt").style.display = "";
document.getElementById("zhangkai").style.display = "none";
document.getElementById("zhedie").style.display = "";
} else {
document.getElementById("tt").style.display = "none";
document.getElementById("zhangkai").style.display = "";
document.getElementById("zhedie").style.display = "none";
}
}
效果图: