JavaScript简单实现图片点击切换

2021/7/1 14:21:50

编程Tag： javascript 点击切换 var img getElementById document jpg ..

本文主要是介绍JavaScript简单实现图片点击切换，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<button id="up">上一张</button>
		<button id="below">下一张</button>
		<img id="img" src="../img/cat_five.jpg" />
		<script>
		var ups =document.getElementById('up');
		var belows=document.getElementById('below');
		var srcs = document.getElementById('img');
		ups.onclick = function(){
			img.src='../img/man-1.jpg';
		}
		belows.onclick =function(){
			img.src='../img/cat_five.jpg'
		}	
		</script>		
	</body>
</html>

这篇关于JavaScript简单实现图片点击切换的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

JavaScript简单实现图片点击切换

相关编程文章