本次我要展示的是用if else 判断来切换图片,由于图片的路径不能作为判断,所以要用布尔值来设置开关。
实现的效果图:
代码很简单:
<body>
<img id="img1" src="img/1.jpg" />
<script>
var oImg=document.getElementById("img1");
var onOff=true;
oImg.onclick=function(){
if(onOff){
oImg.src="img/3.jpg";
onOff=false;
}else{
oImg.src="img/1.jpg";
onOff=true;
}
}
</script>
只需要两张图片,定义 一个值的状态来切换图片。没切换一次图片,状态相对的切换。