</style>
<script language="JavaScript">
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"
function openIt(x) {
if(ns) {
showbox= document.layers[x+1]
showbox.visibility = "show"
showbox.top=44
var items = 5
for (i=1; i<=items; i++) {
elopen=document.layers[i]
if (i != (x + 1)) {
elopen.visibility = "hide" }
}
}
if(ie) {
curEl = event.toElement
curEl.style.background = "silver"
showBox = document.all.box[x];
showBox.style.visibility = "visible";
showBox.style.top = 40;
var items = 5
for (i=0; i<items; i++) {
elOpen=document.all.box[i]
barEl=document.all.mnubar[i]
if (i != x){
elOpen.style.visibility = "hidden"
barEl.style.background = "#000000"
}
}
}
}
function closeIt() {
var items = 5
for (i=0; i<items; i++) {
if(ie){
document.all.box[i].style.visibility = "hidden"
barEl=document.all.mnubar[i]
barEl.style.background = "#000000"
}
if(ns){ document.layers[i+1].visibility = "hide"}
}
}
</script>
Меняем "свой" <body bgcolor> на этот - - - - - - - - - - - - - - - - - - - - - - - - - - - - >
<body bgcolor="36456c" text="white" link="white" vlink="white" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
Остальное втюхиваем перед </body> - -
- - - - - - - - - - - - - - - - - - - - - - - - - - >
<table border="0" cellpadding="0" cellspacing="0"
width="331" bgcolor="#000000" id=mainmenu height="40"
align="center">
<tr><td align="center" bgcolor="36456c" colspan="5"><b>Opening
Menu</b></td></tr>
<tr>
<td align="center" nowrap width="80">
<a href=%26quot;#" onmouseover="openIt(0)" id=mnubar>Menu</a></td>
<td align="center" nowrap width="80">
<a href=%26quot;#" onmouseover="openIt(1)" id=mnubar>Menu</a></td>
<td align="center" nowrap width="80">
<a href=%26quot;#" onmouseover="openIt(2)" id=mnubar>Menu</a></td>
<td align="center" nowrap width="80">
<a href=%26quot;#" onmouseover="openIt(3)" id=mnubar>Menu</a></td>
<td align="center" nowrap width="39"> <a href=%26quot;#"
onmouseover="openIt(4)" id=mnubar>Menu</a></td>
</tr>
</table>
<br><br>
<div onmouseover="closeIt()"
>
<layer onmouseover="closeIt()">
</layer>
</div>
<!-- Menu -->
<div id=box style=left:200>
<table border="0" id=blackbox width="80">
<tr><td><a href='..\..\texiko.by.ru' >Link</a></td></tr>
<tr><td><a href='!!!!!!'>Link</a></td></tr>
</table>
</div>
<!-- Menu -->
<div id=box style=left:290>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!'>Link</a></td></tr>
<tr><td><a href='..\..\texiko.by.ru' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>
<!-- Menu -->
<div id=box style=left:370>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='..\..\texiko.by.ru' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>
<!-- Menu -->
<div id=box style=left:450>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='..\..\texiko.by.ru' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
</table>
</div>
<!--Menu -->
<div id=box style=left:510>
<table border="0" id=blackbox width="80">
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='!!!!!!' >Link</a></td></tr>
<tr><td><a href='..\..\texiko.by.ru' >Link</a></td></tr>
</table>
</div>
Ну вот собственно и все - количество линков,шрифт
цвет,размер и др. можно поменять в зависимости от полета фантазии.
Очевидно,что если документ был простой,затруднений с установкой не возникнет.Если
в документе уже есть скрипты,они начнут "ругатся" между собой,вот
тогда и начинаются сложности.Уверен - ВАС это не испугает ! ! !
Заходите
в гости
меню с выпадающими линками
|
||||
Menu | Menu | Menu | Menu | Menu |
Скопировав содержимое формы себе на страницу можно легко поменять количество выпадающих линков,цвет и размеры.А вот двигать следует осторожно-может получится так,что линки будут открываться в стороне от меню,тогда надо поменять значения высоты и ширины на каждый пункт.Если Вы новичек,но пользуетесь редактором Dreamweawer,У Вас тоже все получится.Редактор сам укажет на лишний код который следует убрать. Удачи-! ! !