图片这里没有,写了个文字的,图片其实和这个类似,你参考下吧
<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>
<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>
不过我也简单写两句,比如说:
<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>
思路大概就是这样,具体的程序你就根据自己的想法写吧。
<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 那个试一试