<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>圖片輪播</title>
<style>
.show{
display:?inline-block;
}
.hide{
display:?none;
}
</style>
</head>
<body>
<div>
<img?class="show"?src="../images/01.jpg">
<img?class="hide"?src="../images/02.jpg">
<img?class="hide"?src="../images/03.jpg">
</div>
</body>
<script>
window.onload?=?function?lunbo(){
var?i?=?0;
setInterval(function(){
var?img?=?document.getElementsByTagName('img');
i++;
var?num?=?i%img.length;
img[num].className?=?"show";
},2000)
}
</script>
</html>
問題：我用求余的方法去實現這個功能，num是一直在0，1，2之間循環，那么如何設置，在img[num]顯示的時候，其余的兩張
或者n張圖片是隱藏的。謝謝大神
js實現簡單的圖片輪播功能
anfly
2016-09-27 21:17:43
