作业3-图片轮播

最新推荐文章于 2023-08-14 22:49:05 发布

时刻的慌张

最新推荐文章于 2023-08-14 22:49:05 发布

阅读量164

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/hcl430422hcl/article/details/87177083



<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
<title>图片轮换</title>
	<link rel="stylesheet" href="css/scroll.css">

</head>

<body>
<div class="scroll">
	<div id="num">
		<a href="javascript:onlick:change('1.gif')">1</a>
		<a href="javascript:onlick:change('2.gif')">2</a>
		<a href="javascript:change('3.jpg')">3</a>
		<a href="javascript:change('4.jpg')">4</a>
		<a href="javascript:change('5.gif')">5</a>
	</div>
	<img src="img/1.gif" alt="图片" id="photo"/>
</div>
<script type="text/javascript">
	


function change(dd){
    var p=document.getElementById("photo");
    p.setAttribute("src","img/"+dd);
}
</script>
</body>
</html>