<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,如需转载请自行联系原作者