Главная
Скачать (Download)
Dreamweaver CS6
Dreamweaver CS5
Dreamweaver CS4
Dreamweaver 8
- "Горячие клавиши"
Dreamweaver MX 2004
- Рабочая область
- Создание/ открытие документов
- Настройка сайта
- Компоновка страниц с CSS
- Табличный контент
- Шаблоны в MX 2004
- Работа с страницами
- Настройка серверных приложений
- Рабочая область для динамических страниц
Dreamweaver 4
Уроки (Tutorials)
Видеоуроки new!!!
Fireworks
ЧаВо
Документация
Статьи
- Macromedia Dreamweaver
- CSS
- Раскрутка
- PHP
- SQL
- Дизайн [1 2]
- Java
- Разное
Программы и скрипты
Бесплатные шаблоны
Каталог сайтов
Форум
Карта сайта
Контакты



Документация - Главная
- Macromedia Dreamweaver
- CSS
- Раскрутка
- PHP
- SQL
- Дизайн [1 2]
- Java
- Разное

главная > статьи >

Динамические подсказки

Вы считаете, что Ваши пункты меню недостаточно информативны? Вы можете сделать так, чтобы при наведении курсором на пункт меню в определенном месте появлялась подсказка.

Все, что Вам для этого нужно, это для каждого пункта меню создать невидимый слой с подсказкой. При этом все эти слои должны иметь одинаковые позиционные параметры.

<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

главная > статьи >

Реклама