用JS点击切换多张图片

owplace

于 2018-05-28 23:08:15 发布

阅读量7.1k

点赞数 3

本文链接：https://blog.youkuaiyun.com/bafangcio/article/details/80490159

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	
	</head>
	<body>
		<div>
		<button οnclick="nextImg()">下一张</button>
		<br />
		<img src="img/1.jpg" id="nImg" width="600px" height="400px" />
	</div>
	</body>
	<script>
		var i = 1;
		function nextImg(){
			i++;
			var next = document.getElementById("nImg");
			next.src = "img/pic"+i+".jpg";
			if(i==3){
				i=0;
			} 
		}
	</script>
</html>