Java教程

JavaScript简单实现图片点击切换

本文主要是介绍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简单实现图片点击切换的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!