<script type="text/javascript">
//Функция, осуществяющая смену порядка слоев
function move(){
//Получаем доступ к слоям
var Layer1=document.getElementById('first');
var Layer2=document.getElementById('second');
//Выясняем текущий порядок слоев
if (Layer1.style.zindex<Layer2.style.zindex){
//Если сверху второй слой
Layer1.style.zindex=1;
Layer2.style.zindex=0;
}
}
</script>
</head>
<body>
<h2>Управление порядком слоев</h2>
<div id=first style="position:absolute; top:50px; left:50px; height:100px; width:250px; background-color:orange; z-index:0">Слой1</div>
<div id=second style="position:absolute; top:80px; left:80px; height:100px; width:250px; background-color:yellow; z-index:1">Слой2</div>
<!-- Вспомогательный блок, в котором находится ссылка -->
<!-- вызывающаяя функцию move() -->
<div id=control style="position:absolute; top:200px; left:80px;">
<a href="javascript:move();">Переложить слои</a>
</div> |