Источник информации: 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 на
другой). Последняя строка это растояние между текстом в
строках меню.
|