<!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>
作业3-图片轮播
最新推荐文章于 2024-08-27 19:30:26 发布