Эффекты на основе Java Script

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

<Вернуться в каталог>

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

<link rel="stylesheet" type="text/css" href="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_gor/978/office_xp_kpb.css" />
<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_gor/978/jsdomenu.js"></script>
<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/menu_gor/978/jsdomenubar.js"></script>
<script type="text/javascript">
function createjsDOMenu() {
  absoluteMenu1 = new jsDOMenu(120, "absolute");              // подменю (ширина)
  with (absoluteMenu1) {
    addMenuItem(new menuItem("Item 1", "", "здесь и далее, адресс перехода"));
    addMenuItem(new menuItem("Item 2", "item2", "адресс перехода"));
    addMenuItem(new menuItem("Item 3", "", "адресс перехода"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 4", "", "адресс перехода"));
    addMenuItem(new menuItem("Item 5", "", "адресс перехода"));
  }
  
  absoluteMenu1_1 = new jsDOMenu(130, "absolute");
  with (absoluteMenu1_1) {
    addMenuItem(new menuItem("Item 1", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 2", "", "blank.htm"));
    addMenuItem(new menuItem("Item 3", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 4", "", "blank.htm"));
  }
  
  absoluteMenu2 = new jsDOMenu(120, "absolute");
  with (absoluteMenu2) {
    addMenuItem(new menuItem("Item 1", "", "blank.htm"));
    addMenuItem(new menuItem("Item 2", "", "blank.htm"));
    addMenuItem(new menuItem("Item 3", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 4", "item4", "blank.htm"));
  }
  
  absoluteMenu2_1 = new jsDOMenu(150, "absolute");
  with (absoluteMenu2_1) {
    addMenuItem(new menuItem("Item 1", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 2", "", "blank.htm"));
    addMenuItem(new menuItem("Item 3", "", "blank.htm"));
    addMenuItem(new menuItem("Item 4", "", "blank.htm"));
    addMenuItem(new menuItem("Item 5", "", "blank.htm"));
  }
  
  absoluteMenu3 = new jsDOMenu(140, "absolute");
  with (absoluteMenu3) {
    addMenuItem(new menuItem("Item 1", "item1", "blank.htm"));
    addMenuItem(new menuItem("Item 2", "item2", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 3", "", "blank.htm"));
    addMenuItem(new menuItem("Item 4", "", "blank.htm"));
  }
  
  absoluteMenu3_1 = new jsDOMenu(150, "absolute");
  with (absoluteMenu3_1) {
    addMenuItem(new menuItem("Item 1", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 2", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 3", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 4", "", "blank.htm"));
    addMenuItem(new menuItem("Item 5", "", "blank.htm"));
  }
  absoluteMenu3_2 = new jsDOMenu(150, "absolute");
  with (absoluteMenu3_2) {
    addMenuItem(new menuItem("Item 1", "item3", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 2", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 3", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 4", "", "blank.htm"));
    addMenuItem(new menuItem("Item 5", "", "blank.htm"));
  }
   absoluteMenu3_2_1 = new jsDOMenu(150, "absolute");
  with (absoluteMenu3_2_1) {
    addMenuItem(new menuItem("Item 1", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 2", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 3", "", "blank.htm"));
    addMenuItem(new menuItem("-"));
    addMenuItem(new menuItem("Item 4", "", "blank.htm"));
    addMenuItem(new menuItem("Item 5", "", "blank.htm"));
  }
  
  absoluteMenu1.items.item2.setSubMenu(absoluteMenu1_1);         // к какой ссылке меню или подменю относится следующее подменю
  absoluteMenu2.items.item4.setSubMenu(absoluteMenu2_1);
  absoluteMenu3.items.item1.setSubMenu(absoluteMenu3_1);
  absoluteMenu3.items.item2.setSubMenu(absoluteMenu3_2);
  absoluteMenu3_2.items.item3.setSubMenu(absoluteMenu3_2_1);
  
  absoluteMenuBar = new jsDOMenuBar("absolute", "", true);
  with (absoluteMenuBar) {
    addMenuBarItem(new menuBarItem("Item 1", absoluteMenu1));    // кнопки основного меню и их названия
    addMenuBarItem(new menuBarItem("Item 2", absoluteMenu2));
    addMenuBarItem(new menuBarItem("Item 3", absoluteMenu3));
    moveTo(30, 50);                            // местоположение основного меню
  }
}
</script>

Основное всё подписано. Думаю Вы легко разберётесь. Колличество ссылок в основном меню и подменю, колличество подменю в подменю, колличество вложенных подменю на Ваше усмотрение.

В сам тег <BODY> вставляем атрибут

onload="initjsDOMenu()"

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.