<img src="a.jpg" name="anniu" onClick="anniu.src='b.jpg'" onClick="anniu.src='a.jpg'" >

这段代码可以实现，点击a.jpg这张图片，就变成了b.jpg。

可是我点击b.jpg想把它变回a.jpg，可它就不回去了。怎么办。

<img src="a.jpg" onclick="this.src = this.src.indexOf('a.jpg') == -1 ? 'a.jpg' : 'b.jpg';" />

str.indexOf("xx")表示在字符串str里面查找 "xx" 的位置, 如果找不到就返回 -1.? : 是三元运算符,x ? a : b, 如果 x == true 则返回 a, 否则返回 b.

合起来就是在this.src里面找a.jpg, 找不到就赋值为 a.jpg, 否则赋值为 b.jpg

var falg=true ; function chage()

{ if(falg ) { document .getElementById ("img").src="a.jpg"; falg =false ; }

else  { document .getElementById ("img").src="b.jpg"; falg =true ; } }

<img src="ajpg" id="img" name="anniu" onClick="chage()" >

给img一个id为img

本文转自农夫山泉别墅博客园博客，原文链接：http://www.cnblogs.com/yaowen/archive/2013/02/21/2920919.html，如需转载请自行联系原作者