js如何点击切换图片 点击A换到B 点击C A恢复默认
若以下回答无法解决问题，邀请你更新回答
展开全部
<style>
div{
width: 400px;
height: 200px;
position: relative;
}
img{
width: 400px;
height: 200px;
position: absolute;
}
</style>
<script>
window.onload=function(){
var j=0;
var aImg=document.getElementsByTagName("img");
var oSlide=document.getElementById("slide");
oSlide.onclick=function(){
j++;//循环
if(j==aImg.length){//当a等于aImg的索引长度8时
j=0;//j等于0
}
for(var i=0;i<aImg.length;i++){
if(j==i){//当j等于当前图片时
aImg[j].style.zIndex=1;//当前图片层级为1
}else{
aImg[i].style.zIndex=0;//当前图片层级为0
}
}
}
}
</script>
</head>
<body>
<div id="slide">
<img src="1.jpg" alt="" style="z-index:1;">
<img src="2.jpg" alt="">
<img src="3.jpg" alt="">
</div>
</body>
div{
width: 400px;
height: 200px;
position: relative;
}
img{
width: 400px;
height: 200px;
position: absolute;
}
</style>
<script>
window.onload=function(){
var j=0;
var aImg=document.getElementsByTagName("img");
var oSlide=document.getElementById("slide");
oSlide.onclick=function(){
j++;//循环
if(j==aImg.length){//当a等于aImg的索引长度8时
j=0;//j等于0
}
for(var i=0;i<aImg.length;i++){
if(j==i){//当j等于当前图片时
aImg[j].style.zIndex=1;//当前图片层级为1
}else{
aImg[i].style.zIndex=0;//当前图片层级为0
}
}
}
}
</script>
</head>
<body>
<div id="slide">
<img src="1.jpg" alt="" style="z-index:1;">
<img src="2.jpg" alt="">
<img src="3.jpg" alt="">
</div>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
