Показать сообщение отдельно
  #1 (permalink)  
Старый 11.09.2013, 16:34
Аспирант
Отправить личное сообщение для avatator Посмотреть профиль Найти все сообщения от avatator
 
Регистрация: 21.06.2011
Сообщений: 60

Смена слоев при наведении курсора
У меня есть три слоя. Один слой над другим. Как мне сделать что бы при наведении курсора на слой они менялись позициями???
Я реализовал это спомощью style.display="none":

<div style="position: absolute; width: 100px; height: 100px; z-index: auto; left: 630px; top: 120px; background-color: #800000" id="layer1" onmouseout="aClick1();">1слой</div>
<div style="position: absolute; width: 100px; height: 100px; z-index: auto; left: 630px; top: 120px; background-color: #000080" id="layer2" onmouseout="aClick2();">2слой</div>



<script>function aClick1() { document.getElementById("layer1").style.display="none"; document.getElementById("layer2").style.display="block"; }</script>
<script>function aClick2() { document.getElementById("layer2").style.display="none"; document.getElementById("layer1").style.display="block"; }</script>



а можно как то что бы они не исчезали а просто менялись позициями(тоесть один спереди, другой за ним и меняются местами)???
Ответить с цитированием