<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>图片幻灯片切换</title>
</head>
<body>
<img src="images/001.jpg" id="imgid"><br/>
<input type="button" value="上一张" id="prev">
<input type="button" value="下一张" id="next">
<script>
var adimg=['images/001.jpg','images/002.jpg','images/003.jpg'];
var numimg=0;
window.onload=function(){
document.getElementById('prev').onclick=prevProcess;
document.getElementById('next').onclick=nextProcess;
}
function prevProcess(){
if(numimg==0){
numimg=adimg.length;
}
numimg--;
document.getElementById('imgid').src=adimg[numimg];
return false;
}
function nextProcess(){
numimg++;
if(numimg==adimg.length){
numimg=0;
}
document.getElementById('imgid').src=adimg[numimg];
return false;
}
</script>
</body>
</html>
图片上一张与下一张切换
最新推荐文章于 2020-11-29 08:51:01 发布