这种效果用javascript怎么实现？

Question

是这样的吧~~？
***************************
<script>
function showIt(seName){
if(seName.value==1) 
{document.all.d1.style.display="";
document.all.d2.style.display="none";
document.all.d3.style.display="none";
}
if(seName.value==2) 
{document.all.d2.style.display="";
document.all.d1.style.display="none";
document.all.d3.style.display="none";}
if(seName.value==3) 
{document.all.d3.style.display="";
document.all.d1.style.display="none";
document.all.d2.style.display="none";}
}
</script>
<div id=d1 style="background-color:#bbaabb;height:100;width:100;border-style:solid;border-width:1px;display:none">编程技巧</div>
<div id=d2 style="background-color:#ddaabb;height:100;width:100;border-style:solid;border-width:1px;display:none">编程示例</div>
<div id=d3 style="background-color:#bbccbb;height:100;width:100;border-style:solid;border-width:1px;display:none">代码下载</div><select name=se1 onchange=showIt(se1)>
<option value=1>编程技巧</option>
<option value=2>编程示例</option>
<option value=3>代码下载</option>
</select>

Answer 1

______________________________________________________________________
<script language=javascript>
function show(layer1,layer2){
//alert(layer1);
eval(layer1).style.display='';
eval(layer2).style.display='none';
}
</script>
<font style="cursor:hand;" onclick="show('aa','bb')">菜单一</font>
&nbsp;&nbsp;
<font style="cursor:hand;" onclick="show('bb','aa')">菜单二</font>
<div id="aa" style="display:none">菜单一</div>
<div id="bb" style="display:none">菜单二</div>
___________________________________________________________________________
测试通过