Динамические подсказки
Вы считаете, что Ваши пункты меню
недостаточно информативны? Вы можете сделать так, чтобы при наведении курсором
на пункт меню в определенном месте появлялась подсказка.
Все, что Вам для
этого нужно, это для каждого пункта меню создать невидимый слой с подсказкой.
При этом все эти слои должны иметь одинаковые позиционные параметры.
<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>
Источник: www.infocity.kiev.ua
|
