图片这里没有,写了个文字的,图片其实和这个类似,你参考下吧
<span id="pic_A" onclick=show(this)>pic_A</span>  |  <span id="pic_B" onclick=show(this)>pic_BB</span>  |  <span id="pic_C" onclick=show(this)>pic_CC</span>  |  <span id="pic_D" onclick=show(this)>pic_DD</span>
<script language=javascript>
function show(thisobj)
{
var obj=document.getElementsByTagName("span")
var id="";
for(var i=0;i<obj.length;i++)
{
id=obj[i].id;
obj[i].innerText=id+id.substring(id.length-1,id.length)
}
thisobj.innerText=thisobj.id
}
</script>

解决方案 »

  1.   

    就是tab控件嘛,你去下一段tabpane的代码看好了。
    不过我也简单写两句,比如说:
    <img id="a" src="a.jpg" onclick="change()">
    <img id="b" src="bb.jpg">
    <img id="c" src="c.jpg">
    <script language="javascript">
    change(){
    document.all.a.src="aa.jpg";
    document.all.b.src="b.jpg";
    }
    </script>
    思路大概就是这样,具体的程序你就根据自己的想法写吧。
      

  2.   

    <img id="a" src="a.jpg" onclick="change()">
    <img id="b" src="bb.jpg">
    <img id="c" src="c.jpg">
    <script language="javascript">
    function change(){
        document.all.a.src="aa.jpg";
        document.all.b.src="b.jpg";
    }
    </script>
    你点南 a.jpg 那个试一试