Hallo ich habs zwar noch nicht durchlaufen lassen,
aber vieleicht bringt das ja jemanden weiter.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript">
var myCount = 1;
var myValue = 100;
var myId = 2;
function changeIndex(cont){
myId = cont;
myChange = parseInt(myValue*myCount);
myCount++;
(myId ==2)?myId =1:myId =2;
tmpStr = "cont" + myId;
document.getElementById(tmpStr).style.zIndex = myChange + "";
window.status = document.getElementById(tmpStr).style.zIndex;
tmpStr = "changeIndex("+myId+")";
window.setTimeout(tmpStr,1000);
}
</script>
<style type="text/css">
#cont1 {
position:absolute;
left:0px;top:0px;
width:136px;height:136px;
background-Color:#FFFF00;
}
#cont2 {
z-index:200;
position:absolute;
left:30px;top:30px;
width:136px;height:136px;
background-Color:#00FFFF;
}
</style>
<body onLoad="changeIndex()">
<div id="cont1" style="z-index:100;">Container 1</div>
<div id="cont2" style="z-index:200;">Container 2</div>
</body>
</html>
Bernd