怎样做到这样的效果？层还是iframe或者其他？

Question

不用层啊  就是点击后变成不同的状态就是了 比如说点击images就设置images的背景 改变底下搜索框的背景和前面的文字啊 改变背景可以永css  改变文字可以用innerHTML或者innerText
具体的:
 
语法： 
 
background-color : transparent | color 
 
参数： 
 
transparent : 　背景色透明
color : 　指定颜色。请参阅颜色单位和附录：颜色表 
 
说明： 
 
设置或检索对象的背景颜色。 
对应的脚本特性为backgroundColor。请参阅我编写的其他书目。 
 
示例： 
 
p { background-color: silver }
div { background-color: rgb(223,71,177) } 
body { background-color: #98AB6F }
pre { background-color: transparent; } 

Answer 1

再看看这个
http://community.csdn.net/Expert/topic/3608/3608483.xml?temp=.3623163

Answer 2

<style>
.button{border:1 solid #0000000;background:#eeeeee;cursor:hand;}
.activebutton{border:1 solid #0000000;background:#DE5100;color:#FFFF00}
.hidetxt{display:hidden;width:0;height:0;}
</style>
<div id="sdiv" style="width:100%;height:100;">1</div>
<textarea id=txt1 class="hidetxt">
<input type="button" value="按钮一" class="activebutton">
<input type="button" value="按钮二" class="button"  onclick="send(txt2)">
<input type="button" value="按钮三" class="button"  onclick="send(txt3)">
<div style="width=100%;heigh:40;border:1 solid #DE5100；background:#FFEBD6;">显示内容一</div>
</textarea>
<textarea id=txt2 class="hidetxt">
<input type="button" value="按钮一" class="button"  onclick="send(txt1)">
<input type="button" value="按钮二" class="activebutton">
<input type="button" value="按钮三" class="button"  onclick="send(txt3)">
<div style="width=100%;heigh:40;border:1 solid #D6AEDE;background:#E7DFFF;">显示内容二</div>
</textarea><textarea id=txt3 class="hidetxt">
<input type="button" value="按钮一" class="button"  onclick="send(txt1)">
<input type="button" value="按钮二" class="button"  onclick="send(txt2)">
<input type="button" value="按钮三" class="activebutton">
<div style="width=100%;heigh:40;border:1 solid #DE5100;background:#FFEBD6;">显示内容三</div>
</textarea><script language="javascript">
sdiv.innerHTML=txt1.value;
function send(obj)
{
sdiv.innerHTML=obj.value;
}
</script>