Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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>



а можно как то что бы они не исчезали а просто менялись позициями(тоесть один спереди, другой за ним и меняются местами)???
Ответить с цитированием
  #2 (permalink)  
Старый 11.09.2013, 16:44
Профессор
Отправить личное сообщение для Яростный Меч Посмотреть профиль Найти все сообщения от Яростный Меч
 
Регистрация: 12.04.2010
Сообщений: 557

z-index

http://jsfiddle.net/ZVWVw/
Ответить с цитированием
  #3 (permalink)  
Старый 11.09.2013, 17:01
Аспирант
Отправить личное сообщение для avatator Посмотреть профиль Найти все сообщения от avatator
 
Регистрация: 21.06.2011
Сообщений: 60

это css, а можно это реализовать как то на js???
Ответить с цитированием
  #4 (permalink)  
Старый 11.09.2013, 17:06
Профессор
Отправить личное сообщение для Яростный Меч Посмотреть профиль Найти все сообщения от Яростный Меч
 
Регистрация: 12.04.2010
Сообщений: 557

.style.zIndex
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
смена div блока при наведении курсора мыши Денис2201 Общие вопросы Javascript 3 07.10.2013 13:43
Смена картинки при наведении курсора Heidel jQuery 1 06.11.2012 22:03
Смена нескольких картинок при наведении Demoni Элементы интерфейса 8 28.04.2012 23:57
Как сделать, чтобы при наведении на кнопку справа от нее появлялись текстовые ссылки? Tass Общие вопросы Javascript 7 17.02.2011 09:06
Смена контента из бд при наведении и подсветка. Madd Общие вопросы Javascript 3 05.07.2010 11:29