помогите доработать скрипт! - Форум вебмастеров на AlfaSpace.NET

Форум вебмастеров на AlfaSpace.NET / Создание сайта / помогите доработать скрипт!

Автор

Сообщение

# Дата: 9 Сен 2006 03:30

Собственно, сабж.

Есть скрипт с выпадающим меню, надо сделать в нем еще подменю, т.е. так, чтобы из каждой сслыки выпадали еще вырианты ссылок. Коряво объясняю, но надеюсь, вы поняли, о чем речь. Если у кого есть время и знания, помогите, плиииз!

вот сам скрипт:

<style type="text/css">
a { font-family: Verdana, Arial; color: white; text-decoration: none; font-weight:bold; }
a:hover { color: white; text-decoration: none; font-weight:bold; background-color:silver;}
#box {position:absolute;visibility:hidden;layer-background-color:silver }
#blackbox { font-family: Verdana, Arial; font-size:8pt; color: white; background-color:black; text-decoration: none }
#mnubar { font-family: Verdana, Arial; font-size:10pt; color: white; font-weight:bold; text-decoration: none }
</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 = 2
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 = 2
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>
</head>
<body bgcolor="white" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
<table border="0" cellpadding="0" cellspacing="0" width="80" bgcolor="#000000" id=mainmenu height="40">
<tr><td align="center" bgcolor=white colspan="2"> </td></tr>
<tr>
<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(0)" id=mnubar>Меню 1</a></td>
<td align="center" nowrap width="80">
<a href="#" onmouseover="openIt(1)" id=mnubar>Меню 2</a></td>
</tr>
</table>
<br><br>
<div onmouseover="closeIt()" >
<layer onmouseover="closeIt()">
</layer>
</div>


<div id=box style=left:0>
<table border="0" id=blackbox width="80">
<tr><td><a href='index1.htm'>Ссылка 1</a></td></tr>
<tr><td><a href='index2.htm'>Ссылка 2</a></td></tr>
</table>
</div>

<div id=box style=left:80>
<table border="0" id=blackbox width="80">
<tr><td><a href='index1-1.htm'>Ссылка 1</a></td></tr>
<tr><td><a href='index1-2.htm' >Ссылка 2</a></td></tr>
<tr><td><a href='index1-3.htm' >Ссылка 3</a></td></tr>
</table>
</div>

форум вебмастероff на AlfaSpace.NET