关于调用DIV层,上下层(z-index)切换问题
发布网友
发布时间：2022-04-24 14:45
共2个回答
热心网友
时间：2022-04-24 16:14
<script type="text/javascript">
<!--
var cs_zindex = 10;
function ShowRound(){
o1 = document.getElementById("cs1");
o2 = document.getElementById("cs2");
if(o1.style.zIndex>o2.style.zIndex)
o2.style.zIndex = cs_zindex;
else
o1.style.zIndex = cs_zindex;
cs_zindex++;
}
function ShowById(id){
obj = document.getElementById(id);
if(obj){
o1.style.zIndex = cs_zindex;
cs_zindex++;
}
else
alert("没有找到" + id + "控件。");
}
-->
</script>
<div id=cs1 style="float:left....;Z-INDEX:2;"><img src="图片1"></div>
<div id=cs2 style="float:left....;Z-INDEX:3;"><img src="图片2"></div>
<a href="javascript:ShowById('cs1')">随机切换一</a>
<a href="javascript:ShowById('cs2')">随机切换二</a>
<!--以上是只哪个，哪个就在上面-->
<a href="javascript:ShowRound()">交替切换</a>
<!--这个是交替显示在上面-->
你没有说清楚，也不知道这是不是你要的效果。
