<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv="Content-Type" content="text/HTML; charset=utf⑻" />
<Title>3个层堆叠，点击可切换</Title>
<script type="text/JavaScript">
function $(obj){
return document.getElementByID(obj);
}
function change(n){
for (var i=1;i<4;i++){
if(n==i){
$("a"+i).style.zIndex="100";
}else{
$("a"+i).style.zIndex="0";
}
}
}
</script>
</head>
<body>
<div ID="a1" style="position:absolute;left:100px;top:100px;wIDth:100px;height:100px;background-color:#ddeeff;z-index:1" onclick="change('1')" ></div>
<div ID="a2" style="position:absolute;left:150px;top:130px;wIDth:100px;height:100px;background-color:#eeffdd;z-index:2" onclick="change('2')"></div>
<div ID="a3" style="position:absolute;left:200px;top:160px;wIDth:100px;height:100px;background-color:#ffddee;z-index:3" onclick="change('3')"></div>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
</body>
</HTML> 总结
以上是内存溢出为你收集整理的JavaScript实现多个重叠的层点击切换效果全部内容，希望文章能够帮你解决JavaScript实现多个重叠的层点击切换效果所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）