(急)javascript 实现图层的概念

来源：百度知道 编辑：UC知道 时间：2024/05/24 02:01:51
即是当有两幅图片由重叠的时候，点击任何一张图片会让其显示在前端，大家帮帮忙阿，最好能给个源代码

给你写个具备扩展性的
<script>
function showMe(which)
{
for (var i=0;i<document.getElementById("total").children.length;i++)
document.getElementById("total").children(i).style.zIndex=i;
which.style.zIndex=i+1;
}
</script>
<body>
<div id="total">
<div style="position:absolute;left:30;top:50;z-index:0" onclick="showMe(this)">
<img src=1.jpg>
</div>
<div style="position:absolute;left:50;top:70;z-index:0" onclick="showMe(this)">
<img src=2.jpg>
</div>
<div style="position:absolute;left:70;top:90;z-index:0" onclick="showMe(this)">
<img src=3.jpg>
</div>
</div>
</body>

我的想法是

设定两个CLASS 分别标示 是否是被置顶

比如 class="back" 表示未被置顶 class="front" 表示被置顶