Всплывающие окна
2 ответов59 просмотровСейчас просматривают: 1
· 17.10.2009, 20:23
Здравствуйте, пишу свою обвязу, но с Js траблы.. на каждом шагу... искал пути решение других проблем, находил. но щас не могу...
Прошу помощи знающих..
Проблема:Как осуществить открытие дорполнительного окошка пределеного размера с использованием onmousover ...
тобиш наводим мышкой, появилось, убрали мышку, вернулось обратно картинка.
Великолепный пример тому _la2crazy.ru (с права меню)
Заранее спасибо.!!!
0
· 18.10.2009, 08:07
А чтоже мешало открыть исходный код странички и посмотреть как сделано?:)
Итак:
Раскрывающийся текст
<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
Тема закрыта для ответов


