Показать сообщение отдельно
  #4 (permalink)  
Старый 22.03.2011, 14:15
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,217

LegGnom, учи матчасть...
http://htmlbook.ru/css/z-index

[window.]document.getElementById("elementID").style.z*!*I*/!*ndex


<script type="text/javascript">
//Функция, осуществяющая смену порядка слоев
function move(){
	//Получаем доступ к слоям
	var Layer1=document.getElementById('first');
	var Layer2=document.getElementById('second');
	Layer1.style.zIndex=(Layer1.style.zIndex==0)? 1: 0;
	Layer2.style.zIndex=(Layer1.style.zIndex==0)? 1: 0;
	}
</script>
<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>
Ответить с цитированием