Эффекты на основе Java Script, jQuery и т.д.

Вертикальное меню с выплывающими направо подменю

Dynamic Drive CSS Library JavaScript Reference DOM Reference Сайты моего проекта Coding Forums Item 1a Item 2a Item Folder 3a Sub Item 3.1a Sub Item 3.2a Sub Item 3.3a Sub Item 3.4a Item 4a Item Folder 5a Sub Item 5.1a Item Folder 5.2a Sub Item 5.2.1a Sub Item 5.2.2a Sub Item 5.2.3a Sub Item 5.2.4a Item 6a Item 1b Item 2b Item Folder 3b Sub Item 3.1b Sub Item 3.2b Sub Item 3.3b Sub Item 3.4b Item 4b Item Folder 5b Sub Item 5.1b Item Folder 5.2b Sub Item 5.2.1b Sub Item 5.2.2b Sub Item 5.2.3b Item 6b WebKPB KPBshablon KPBwebStudio ScriptKPBstudio Ссылка	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<!-- Основное меню --> <link rel="stylesheet" type="text/css" href="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/513/ddlevelu.css" /> <!-- Подменю --> <link rel="stylesheet" type="text/css" href="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/513/ddlevels.css" /> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_wert/513/ddlevels.js"></script>
	Все стили и параметры оснолвного меню задаются в CSS таблице, файл ddlevelu.css., а всех подменю в CSS таблице, файл ddlevels.css. Если Вы хотите что-то изменить Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать данные файлы и внести необходимые изменения.
Внутри тега <BODY> - </BODY> там где у Вас будет меню.
<!-- Основное меню --> <div id="ddsidemenubar" class="markermenu"> <ul> <li><a href="#">Dynamic Drive</a></li> <li><a href="#" rel="ddsubmenuside1">CSS Library</a></li> <li><a href="#" rel="ddsubmenuside2">JavaScript Reference</a></li> <li><a href="#">DOM Reference</a></li> <li><a href="#" rel="ddsubmenuside3">Сайты моего проекта</a></li> <li><a href="#" style="border-bottom-width: 0">Coding Forums</a></li> </ul> </div> <!-- Программирование меню --> <script type="text/javascript"> ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar\|sidebar") </script> <!-- Side Drop Down Menu 1 HTML (структура подменю 1) --> <ul id="ddsubmenuside1" class="ddsubmenustyle blackwhite"> <li><a href="#">Item 1a</a></li> <li><a href="#">Item 2a</a></li> <li><a href="#">Item Folder 3a</a> <ul> <li><a href="#">Sub Item 3.1a</a></li> <li><a href="#">Sub Item 3.2a</a></li> <li><a href="#">Sub Item 3.3a</a></li> <li><a href="#">Sub Item 3.4a</a></li> </ul> </li> <li><a href="#">Item 4a</a></li> <li><a href="#">Item Folder 5a</a> <ul> <li><a href="#">Sub Item 5.1a</a></li> <li><a href="#">Item Folder 5.2a</a> <ul> <li><a href="#">Sub Item 5.2.1a</a></li> <li><a href="#">Sub Item 5.2.2a</a></li> <li><a href="#">Sub Item 5.2.3a</a></li> <li><a href="#">Sub Item 5.2.4a</a></li> </ul> </li> </ul> </li> <li><a href="#">Item 6a</a></li> </ul> <!-- Side Drop Down Menu 2 HTML (структура подменю 2) --> <ul id="ddsubmenuside2" class="ddsubmenustyle blackwhite"> <li><a href="#">Item 1b</a></li> <li><a href="#">Item 2b</a></li> <li><a href="#">Item Folder 3b</a> <ul> <li><a href="#">Sub Item 3.1b</a></li> <li><a href="#">Sub Item 3.2b</a></li> <li><a href="#">Sub Item 3.3b</a></li> <li><a href="#">Sub Item 3.4b</a></li> </ul> </li> <li><a href="#">Item 4b</a></li> <li><a href="#">Item Folder 5b</a> <ul> <li><a href="#">Sub Item 5.1b</a></li> <li><a href="#">Item Folder 5.2b</a> <ul> <li><a href="#">Sub Item 5.2.1b</a></li> <li><a href="#">Sub Item 5.2.2b</a></li> <li><a href="#">Sub Item 5.2.3b</a></li> </ul> </li> </ul> </li> <li><a href="#">Item 6b</a></li> </ul> <!-- Side Drop Down Menu 3 HTML (структура подменю 3) --> <ul id="ddsubmenuside3" class="ddsubmenustyle blackwhite"> <li><a href="http://webkpb.ucoz.ru" target="_blank" title="Библиотека Flash">WebKPB</a></li> <li><a href="http://kpbshablon.ucoz.ru" target="_blank" title="Магазин шаблонов">KPBshablon</a></li> <li><a href="http://kpbwebstudio.narod.ru" target="_blank" title="Моя WEBстудия">KPBwebStudio</a></li> <li><a href="http://skriptkpbstudio.ucoz.ru" target="_blank" title="Библиотека JavaScript, jQuery и т.д.">ScriptKPBstudio</a></li> <li><a href="#">Ссылка</a></li> </ul>
Здесь прописан пример структуры меню. Как Вы видите, сначала прописывается основное меню и в нём к каждой сылке у которой есть подменю в атрибуте rel прописывается идентификатор её подменю. Далее с помощью списка ul с конкретным идентификатором прописывается структура соответствующего подменю. Любая ссылка подменю может иметь собственное подмен и т.д. Колличество ссылок в меню, любого подменю и колличество уровней вложения в любом подменю на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.