JS基础——两张图来回切换

波克比520

于 2014-10-29 16:14:54 发布

阅读量3.8k

点赞数 1

分类专栏： javascript 文章标签： js

本文链接：https://blog.csdn.net/u011175410/article/details/40587857

版权

javascript 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——两张图来回切换</title>
<script>
window.onload = function(){
	var	oImg = document.getElementById('img');
	var onOff = true;
	
	oImg.onclick = function(){
		if(onOff){
			oImg.src = 'http://placehold.it/200x200';
			onOff = false;	
		}else{
			oImg.src = 'http://placehold.it/150x150';
			onOff = true;	
		}	
	};
	
};
</script>
</head>

<body>
<img id="img" src="http://placehold.it/150x150">
</body>
</html>

两张图片来回切换思路：

通过if else语句和自定义开关属性来判断图片切换