<style>#area{border:1px solid #fff; padding:10px}body{background:#fff}#area{border:1px
solid #000; padding:10px;width:400px; float:right}#msg1,#msg2,#msg3{display:none}
DIV{margin:10px}</style><script>
function $(i){return document.getElementById(i)}
function dsp(a){$('area').innerHTML=$('msg'+a).innerHTML;}
</script></HEAD>
<BODY><div style="width:300px; float:left">
<span id=box1 onclick="dsp(1)">按钮1</span><span id=msg1>我是按钮1的内容</span>
<span id=box2 onclick="dsp(2)">按钮2</span><span id=msg2>我是按钮2的内容</span>
<span id=box3 onclick="dsp(3)">按钮3</span><span id=msg3>我是按钮3的内容</span>
</div>
<DIV id=area></DIV>
</BODY></HTML>
