实现两个小图片的相互切换

<script>
function change_pic(){
var imgObj = document.getElementById("caocao_pic");
var Flag=(imgObj.getAttribute("src",2)=="images/caocao.png")
imgObj.src=Flag?"images/diaochan.png":"images/caocao.png";
}
</script>
<img src="images/caocao.png" class="wujiang_pic_size" id="caocao_pic" onClick="change_pic()">

也可以：

<script>
function change_pic(){
var imgObj = document.getElementById("caocao_pic");
if(imgObj.getAttribute("src",2)=="images/caocao.png"){
imgObj.src="images/diaochan.png";
}else{
imgObj.src="images/caocao.png";
}
}
</script>
<img src="images/caocao.png" class="wujiang_pic_size" id="caocao_pic" onClick="change_pic()">

后面的参数2是指其属性。如果你改成1或3，你就可以看到不同的效果了