<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