切换图片
点击上一页切换到上一张,点击一下页切换到下一张
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>上一页 下一页</title>
<style type="text/css">
/*设置图片宽高*/
img{
width: 500px;
height: 300px;
}
</style>
</head>
<body>
<!--首先插入一张图片, id="tuImg"-->
<img src="img/dd_scroll_1.jpg" id="tuImg"/>
<div id="bton">
<button onclick="clinks(1)">上一张</button>
<button onclick="clinks(2)">下一张</button>
</div>
<script>
//定义一个function,取名为clinks()
var i=2;//定义一个变量,默认值为2
function clinks(){
document.getElementById("tuImg").src="img/dd_scroll_"+i+".jpg";
i++;
if (i==8) {
i=1;
}
}
</script>
</body>
</html>
更多推荐
图片切换上一页 下一页
发布评论