js按钮切换图片案例

最新推荐文章于 2024-05-16 10:12:55 发布

三个和尚_

最新推荐文章于 2024-05-16 10:12:55 发布

阅读量660

点赞数

分类专栏： javascript/jquery/bootstrap 文章标签： js

本文链接：https://blog.csdn.net/a974986042/article/details/84894365

版权

javascript/jquery/bootstrap 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

js修改img标签src属性的值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>切换图片</title>
		<style>
			div{
				border: 1px solid white;
				width:500px ;
				height: 350px;
				margin: auto;
				text-align: center;
			}
		</style>
		<script>
			var i=1;
			function changeImg(){
				i++;
				document.getElementById("img1").src="../../img/"+i+".jpg";
				if(i==3){
					i=0;
				}
			}
		</script>
	</head>
	<body>
		<div>
			<input type="button" value="下一张" onclick="changeImg()"/>
			<img src="../../img/1.jpg" width="100%" height="100%" id="img1"/>
		</div>
	</body>
</html>