学习2

最新推荐文章于 2023-05-28 08:06:45 发布

qq_41296982

最新推荐文章于 2023-05-28 08:06:45 发布

阅读量101

点赞数

本文链接：https://blog.csdn.net/qq_41296982/article/details/78753156

版权

<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;
}
.tu > img{
width:100%;
height:100%; 
}

</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> 

<script type="text/JavaScript">

var tuCang = document.getElementsByClassName("tu"); 
var tuCangLength = tuCang.length; 
function tupian(){
for(var i = 0; i<tuCangLength;i++){ 
var zIndex = parseInt(tuCang[i].style.zIndex,10); 
zIndex++; 
if(zIndex>tuCangLength){
zIndex = 1; 

}
tuCang[i].style.zIndex=zIndex; 
}

}

window.setInterval(tupian,2000); 

</script>
</body>

</html>