Смекни!
smekni.com

Робота з випадаючими графічними меню (стр. 2 из 2)

menuHTML += startDL(trigID, 0, itemPos, 0, 0, 'inherit', back, bord, 100, mouseProps(currMenu, currItem)) + '<table width="' + currWidth + '" border="0" cellspacing="0" cellpadding="0"><tr>' + '<td align="left"><a class="Item" href="' + href + '">' + text + '</a></td>' + '<td class="Item" align="right">' + (target ? popInd : '') + '</td></tr></table>' + endDL;

if (target > 0) {

menu[target][0].parentMenu = currMenu;

menu[target][0].parentItem = currItem;

}

// Пересовуємо наступний елемент вниз, на висоту самого елемента

itemPos += height;

}

}

Вивід меню

if (showMenu) document.write(menuHTML + endDL);

litNow[currMenu] = null;

}

}

// End -->

</script>

<style>

<!--

.Item { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }

-->

</style>

<title></title>

</head>

<body>

<SCRIPT LANGAUGE="JAVASCRIPT 1.3 TYPE="text/javascript">

var menu = new Array();

Встановлення початкових кольорів

var defOver = '#336699', defBack = '#003366', defBorder = '#FFFFFF';

Встановлюємо початкову висоту елементу

var defHeight = 18;

Меню 0 є спеціальним головним меню звідки все інше появляється

menu[0] = new Array();

menu[0][0] = new Menu('rootMenu', 0, 0, 80, '#669999', '#006666', defBorder);

menu[0][1] = new Item('меню1', '#', defHeight, 1);

menu[0][2] = new Item('меню2', '#', defHeight, 2);

menu[0][3] = new Item('меню3', '#', defHeight, 3);

menu[0][4] = new Item('меню4', '#', defHeight, 4);

menu[0][5] = new Item('меню5', '#', defHeight, 5);

menu[0][6] = new Item('меню6', '#', defHeight, 6);

menu[0][7] = new Item('меню7', '#', defHeight, 7);

menu[1] = new Array();

menu[1][0] = new Menu('УкраїнаMenu', 0, 22, 100, defOver, defBack, defBorder);

menu[1][1] = new Item('Київ', 'http://kyiv.com.ua', defHeight, 0);

// Не нольовий target Означає що потрібно перейти на суб-меню.

menu[1][2] = new Item('Львів', 'http://lviv.com.ua', defHeight, 7);

menu[1][3] = new Item('Харків', 'http://lviv.com.ua', defHeight, 0);

menu[1][4] = new Item('Донецьк', 'http://lviv.com.ua', defHeight, 0);

menu[1][5] = new Item('Одеса', 'http://Odessa.com.ua', defHeight, 0);

menu[1][6] = new Item('Вінниця','http://lviv.com.ua', defHeight, 0);

menu[2] = new Array();

menu[2][0] = new Menu('РосіяMenu', 0, 22, 100, defOver, defBack, defBorder);

menu[2][1] = new Item('Москва', '#', defHeight, 0);

menu[2][2] = new Item('СанктПетербург', '#', defHeight, 0);

menu[2][3] = new Item('Воронеж', '#', defHeight, 0);

menu[3] = new Array();

menu[3][0] = new Menu('США', 0, 22, 100, defOver, defBack, defBorder);

menu[3][1] = new Item('Нью Йорк', '#', defHeight, 0);

menu[3][2] = new Item('Чікаго', '#', defHeight, 0);

menu[3][3] = new Item('Каліфорнія', '#', defHeight, 0);

menu[4] = new Array();

menu[4][0] = new Menu('АвстраліяMenu', 0, defHeight, 100, defOver, defBack, defBorder);

menu[4][1] = new Item('Сідней', '#', defHeight, 0);

menu[4][2] = new Item('Канберра', '#', defHeight, 0);

menu[5] = new Array();

menu[5][0] = new Menu('ФранціяMenu', 0, 22, 100, defOver, defBack, defBorder);

menu[5][1] = new Item('Париж', '#', defHeight, 0);

menu[5][2] = new Item('Марсель', '#', defHeight, 0);

menu[5][3] = new Item('Монако', '#', defHeight, 0);

menu[5][4] = new Item('Бордо', '#', defHeight, 0);

menu[5][5] = new Item('Тулуза', '#', defHeight, 0);

menu[6] = new Array();

menu[6][0] = new Menu('ІталіяMenu', 0, 22, 100, defOver, defBack, defBorder);

menu[6][1] = new Item('Рим', '#', defHeight, 0);

menu[6][2] = new Item('Флоренція', '#', defHeight, 0);

menu[6][3] = new Item('Венеція', '#', defHeight, 0);

menu[6][4] = new Item('Неаполь', '#', defHeight, 0);

menu[6][5] = new Item('Мілан', '#', defHeight, 0);

menu[7] = new Array();

menu[7][0] = new Menu('reopenMenu', 75, 0, 100, defOver, defBack, defBorder);

menu[7][1] = new Item('Левандівка', '#', defHeight, 0);

menu[7][2] = new Item('Сихів', '#', defHeight, 0);

menu[7][3] = new Item('Центр', '#', defHeight, 0);

Головне горизонтальне меню

Повинно закінчуватись на endDL

newRoot = startDL('rootMenu', 0, 50, '100%', 17, 'hidden', '#006666', null, 100, '');

newRoot += startDL('rootMenu1', 5, 0, 60, 17, 'inherit', '#006666', null, 100, mouseProps(0, 1));

newRoot += '<span class="Item"> Україна </span>' + endDL;

newRoot += startDL('rootMenu2', 75, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 2));

newRoot += '<span class="Item"> Росія </span>' + endDL;

newRoot += startDL('rootMenu3', 125, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 3));

newRoot += '<span class="Item"> США </span>' + endDL;

newRoot += startDL('rootMenu4', 175, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 4));

newRoot += '<span class="Item"> Австралія </span>' + endDL;

newRoot += startDL('rootMenu5', 255, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 5));

newRoot += '<span class="Item"> Франція </span>' + endDL;

newRoot += startDL('rootMenu6', 325, 0, 40, 17, 'inherit', '#006666', null, 100, mouseProps(0, 6));

newRoot += '<span class="Item"> Італія </span>' + endDL;

newRoot += endDL;

writeMenus(newRoot, '>');

eval(docObj + menu[0][0].id + styObj + '.visibility = "visible"');

// End -->

</script>

<p align="center"> </p>

</body>

</html>