АКМА. Каталог веб-разработчика. 
Поиск на сайте
 
Искать на:  Яndex   Rambler   Апорт   Google
ГлавнаяСтатьиСсылкиJavaScriptПоиск
Netscape Navigator и Internet ExplorerInternet Explorer 4.0 и выше

Динамическое меню (управление мышкой).

Источник информации: Dynamic Web design studio

Описание:

Меню автоматически открывается в левой части экрана при приближении мышки. И если вы убирете мышку с окна то меню автоматически закроется.

Демонстрация:

Поднесите мышку к бордюру в левой части экрана для открытия меня и убрав мышку меню закроется.

Установка:

Шаг 1: Сначала вставьте, предварительно выделив и скопировав текст в <head> секцию вашей странички:

Шаг 2: Потом вставьте, предварительно выделив и скопировав текст в <body> секцию вашей странички:

Конфигурация меню:

Для изменения содержания и ссылок меню вам нужно отредактировать значения sitems[] и sitemlinks[] в HTML коде Шага 2.
Для изменения положения меню на страничке, отредактируйте код скопированый в Шаге 1. Вот часть списка который вам нужно отредактировать:

top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;

Первая строка, положение окна вертикально в пикселях (сейчас 170px и может быть другое). Вторая строка это размер и цвет рамки окружающей меню (измените 1.5px и зеленый на другое). Третья и четвертая строки цвет background меню. Пъятая строка значение фонта меню (измените 12px и Verdana на другой). Последняя строка это растояние между текстом в строках меню.
 


« предыдущая  |  содержание  |  следующая »

 

ГлавнаяСтатьиСсылкиJavaScriptПоиск
Новости  |  Карта сайта
Редакция от: 
Copyright ©1999—2003 «Art&Fact»ВверхE-mail: artefact@udm.net
Hosted by uCoz