Всплывающие окна
2 replies60 viewsCurrently viewing: 1
· 10/17/2009, 08:23 PM
Здравствуйте, пишу свою обвязу, но с Js траблы.. на каждом шагу... искал пути решение других проблем, находил. но щас не могу...
Прошу помощи знающих..
Проблема:Как осуществить открытие дорполнительного окошка пределеного размера с использованием onmousover ...
тобиш наводим мышкой, появилось, убрали мышку, вернулось обратно картинка.
Великолепный пример тому _la2crazy.ru (с права меню)
Заранее спасибо.!!!
0
· 10/18/2009, 08:07 AM
А чтоже мешало открыть исходный код странички и посмотреть как сделано?:)
Итак:
Раскрывающийся текст
<div style="display:none;z-index:1;" onMouseOver="document.getElementById('server').style.display='block';" onMouseOut="document.getElementById('server').style.display='none';" id="server">
ВАШЕ СОДЕРЖАНИЕ
</div>
ВАШЕ СОДЕРЖАНИЕ
</div>
Разбираем код: у нас есть слой с идентификатором "server", по умолчанию он невидим (display: none;), когда мы задерживаем на нем мышь, вызывается событие и свойству display присвается block, что и вызывает появление вашего слоя, при убирании мыши - невидимость элемента приходит в обычное состоянии.
При желании можно сделать это чуть по другому, когда взаимодействуешь с какимнить элементом, и показывается другой элемент (например слой), а тут это совмещено в одном элементе.
З.Ы. также можно воспользоваться JS фрэймворками (JQuery) и плагинам для них.
— Дурак дураком
0
Topic is closed for replies


