图片上一张与下一张切换
生活随笔
收集整理的這篇文章主要介紹了
图片上一张与下一张切换
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!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>
總結(jié)
以上是生活随笔為你收集整理的图片上一张与下一张切换的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 360发布穿戴设备“儿童卫士”手环
- 下一篇： ArcGIS Server安装的几个问题