Поиск по Порталу


Web-мастеру
Главная
Новости
ASP Скрипты
CGI Скрипты
Java Апплеты
Java Скрипты
PHP Скрипты
Soft - Программы
Статьи

MASTER Search
Flash
HTML
Perl
WAP
DHTML
PHP
JavaScript
Photoshop
HTML с нуля
ICQ - Клуб
Обменные сети
Подбор Хостинга
Статьи по Дизайну
Форум на Dweb.RU
Бесплатные чаты
Adult Хостинг
GOLD Хостинг
Партнёрская
Графика
Фото
Фоны
Награды
Баннеры
3D анимация
Анимация
Иконки и кнопки
Рассылки
Веб-Дизайн, азы
Вопросы и ответы
Дизайн. От А до Я
Разное
Карта сайта
Дизайн студия
Топ-сайты
Реклама в рассыл.
Реклама на сайте
Отправить ссылку
В Избранное.
Сделать стартовой.
Караганда -
    город контрастов.
Наши проекты
Сервер Знакомств
Работа на JobUs.ru

Реклама

Статистика
 

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>
 
Tranzit Banner Exchange
Tranzit Banner Exchange