<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head><title>aa</title>
<style type="text/css">
.tu{
width:80%;
height:475px;
position:absolute;
top:50px;
left:150px;<!--定义div的位置让他们重叠、设置div的宽和高 -->
}
.tu > img{
width:100%;
height:100%; <!--定义图片的宽和高为div的宽和高-->
}
</style>
</head>
<body>
<div class="tu" style="z-index:5;"><img src="img/1.jpg" ></div>
<div class="tu" style="z-index:4;"><img src="img/2.jpg" ></div>
<div class="tu" style="z-index:3;"><img src="img/3.jpg"></div>
<div class="tu" style="z-index:2;"><img src="img/4.jpg" ></div>
<div class="tu" style="z-index:1;"><img src="img/5.jpg" ></div> <!--插入五张图片为
他们定义一个类、使用z-index设置他们的先后顺序-->
<script type="text/JavaScript">
var tuCang = document.getElementsByClassName("tu"); <!--找到div中的元素并为他们设置变量-->
var tuCangLength = tuCang.length; <!--存储集合中元素的个数-->
function tupian(){
for(var i = 0; i<tuCangLength;i++){ <!--定义变量i、循环i小于集合元素长度,i+1-->
var zIndex = parseInt(tuCang[i].style.zIndex,10); <!--获取第i个div的zIndex的值把字符串转换为10进制-->
zIndex++; <!--zIndex加1-->
if(zIndex>tuCangLength){
zIndex = 1; <!--如果zIndex大于元素长度zIndex等于1-->
}
tuCang[i].style.zIndex=zIndex; <!--将得到的变量值加入到相应的元素上-->
}
}
window.setInterval(tupian,2000); <!--时间每过2000毫秒执行函数tupian-->
</script>
</body>
</html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head><title>aa</title>
<style type="text/css">
.tu{
width:80%;
height:475px;
position:absolute;
top:50px;
left:150px;<!--定义div的位置让他们重叠、设置div的宽和高 -->
}
.tu > img{
width:100%;
height:100%; <!--定义图片的宽和高为div的宽和高-->
}
</style>
</head>
<body>
<div class="tu" style="z-index:5;"><img src="img/1.jpg" ></div>
<div class="tu" style="z-index:4;"><img src="img/2.jpg" ></div>
<div class="tu" style="z-index:3;"><img src="img/3.jpg"></div>
<div class="tu" style="z-index:2;"><img src="img/4.jpg" ></div>
<div class="tu" style="z-index:1;"><img src="img/5.jpg" ></div> <!--插入五张图片为
他们定义一个类、使用z-index设置他们的先后顺序-->
<script type="text/JavaScript">
var tuCang = document.getElementsByClassName("tu"); <!--找到div中的元素并为他们设置变量-->
var tuCangLength = tuCang.length; <!--存储集合中元素的个数-->
function tupian(){
for(var i = 0; i<tuCangLength;i++){ <!--定义变量i、循环i小于集合元素长度,i+1-->
var zIndex = parseInt(tuCang[i].style.zIndex,10); <!--获取第i个div的zIndex的值把字符串转换为10进制-->
zIndex++; <!--zIndex加1-->
if(zIndex>tuCangLength){
zIndex = 1; <!--如果zIndex大于元素长度zIndex等于1-->
}
tuCang[i].style.zIndex=zIndex; <!--将得到的变量值加入到相应的元素上-->
}
}
window.setInterval(tupian,2000); <!--时间每过2000毫秒执行函数tupian-->
</script>
</body>
</html>