|
|
Dweb.ru - DHTML. Динамические подсказки.
Вы считаете, что Ваши пункты
меню недостаточно информативны? Вы
можете сделать так, чтобы при
наведении курсором на пункт меню в
определенном месте появлялась
подсказка. Все, что Вам для этого нужно, это для каждого пункта меню создать невидимый слой с подсказкой. При этом все эти слои должны иметь одинаковые позиционные параметры.
<style type="text/css">
#button1 {POSITION: absolute; Z-INDEX: 15; LEFT: 50; TOP: 60; WIDTH: 423; HEIGHT: 45}
#explain1 {POSITION: absolute; Z-INDEX: 15; VISIBILITY: hidden; LEFT: 200; TOP: 60;
WIDTH: 171; HEIGHT: 116}
</style>
<div id="button1">
<a href="mailto:webmaster@webclub.ru">Почта</a>
</div>
<div id="explain1">
Нажмите сюда, если Вы хотите послать письмо вебмастеру узла.
</div>
А теперь, как и в предыдущем примере, воспользуемся событиями onMouseOver и onMouseOut:
<a href="mailto:webmaster@webclub.ru" onMouseOver="
showLayer('explain1')" onMouseOut="hideLayer('explain')">
Почта</a>
| |
|
|
|