Динамическое меню раскрывается вниз / Internet Explorer 4.0 и выше / JavaScript / АКМА

Поиск на сайте

Искать на: Яndex Rambler Апорт Google

Главная

Статьи

Ссылки

JavaScript

Поиск

Netscape Navigator и Internet Explorer

Internet Explorer 4.0 и выше

Динамическое меню раскрывается вниз.

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

Описание:

Меню раскрывается вниз при кликаньи на ссылку, и аналогично закрывается.

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

Новости

Игры

Програмное обеспечение

Установка:

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

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

/* Sliding Menu Bar Script- By Dynamic Web Design (www.dynamic-design.com.ua) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit http://www.dynamic-design.com.ua/develop/ */ <div><img src="plus.gif"><span class="folding">Menu 1</span> <ul style="list-style-image:url(list.gif);display:none" style=&{head};> <li><a href="fdddf">Link 1a</a></li> <li><a href="fdddf">Link 1b</a></li> <li><a href="fdddf">Link 1c</a></li> </ul> </div> <div><img src="plus.gif"><span class="folding">Menu 2</span> <ul style="list-style-image:url(list.gif);display:none" style=&{head};> <li><a href="fdddf">Link 2a</a></li> <li><a href="fdddf">Link 2b</a></li> <li><a href="fdddf">Link 2c</a></li> </ul> </div> <div><img src="plus.gif"><span class="folding">Menu 3</span> <ul style="list-style-image:url(list.gif);display:none" style=&{head};> <li><a href="fdddf">Link 3a</a></li> <li><a href="fdddf">Link 3b</a></li> <li><a href="fdddf">Link 3c</a></li> </ul> </div>

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

Для изменения содержания и ссылок меню вам нужно отредактировать коде Шага 2 и можно добавить очень большое количество ссылок, но это на ваше усмотрение.

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

JavaScript

Новости | Карта сайта

Редакция от:

Вверх

E-mail: artefact@udm.net