Qui' di seguito, riporto un esempio arricchito con molte descrizioni di come creare un menu' dinamico
con VbScript e HTML, chiaramente si presume che abbiate una buona infarinatura di HTML e di VbScript,
comunque modificando opportunamente lo script potrete riutilizzarlo nel vostro sito...
Lo script e' composto da due file, uno html in cui viene scritto lo script i tag html necessari per la
visualizzazzione e da un file CSS (foglio di stile) per assegnare in modo univoco le caratteristiche ai <div>
che contengono le scritte dei menu.

<HTML>
<HEAD>
<TITLE>Menu Laterale BySpy</TITLE>
</HEAD>
<LINK href="menu.css" type=text/css rel=stylesheet>
<script language="vbscript">
'------------------------------------------------------------------------------------
'Descrizione: questo gruppo di Function serve a fare apparire e sparire i sottomenu
' assegnandoli al passaggio del mouse una nuova classe CSS.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function visualizzaMenu(menu)
menu.style.display = ""
window.event.srcElement.className="dimensioneMenuH over"
end function

function nascondeMenu(menu)
menu.style.display = "none"
window.event.srcElement.className="dimensioneMenuF isso"
end function

'------------------------------------------------------------------------------------
'Descrizione: controlliamo il passaggio del mouse nel sottomenu per evitare di farlo
' sparire perdendo il focus del menu.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function visualizzaSottoMenu(menu)
menu.style.display = ""
end function

function nascondeSottoMenu(menu)
menu.style.display = "none"
end function

'------------------------------------------------------------------------------------
'Descrizione: Azioni da svolgere al passaggio e al lascio dei sottomenu assegnandogli
' una nuova classe CSS.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function mouseInMovimento()
window.event.srcElement.className="mouseInMoviment oMenu"
end function

function mouseOut()
window.event.srcElement.className="mouseLasciaIlMe nu"
end function

'------------------------------------------------------------------------------------
'Descrizione: Azioni da svolgere al click dei menu
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------
function indirizzaMenu(categoria)
select case categoria
case 1 document.bgColor="red"
case 2 document.bgColor="blue"
case 3 document.bgColor="white"
case 4 window.top.location.href="http://www.byspy.it"
end select
end function
</script>
<BODY>

<!------------------------------------------------------------------------------------
'Descrizione: il menu sottostante serve a fare aprire il menu da SX a DX, l'unica cosa
' che cambia è l'utilizzo di SPAN anziccè DIV.
'Data: 14/02/03
'Commenti:
'------------------------------------------------------------------------------------>
<table>
<tr>
<td rowspan=10>
<div> class=titoloDiTestaMenu Laterali BySpy</div>
<table cellpadding=0 cellspacing=1>
<tr>
<td width="140">
<span id="menuFissoSx1" class="dimensioneMenuFisso" onmouseover="visualizzaMenu(menuMobileSx1)" onmouseout="nascondeMenu(menuMobileSx1)">colora lo sfondo1</span>
<div id="menuMobileSx1" class="menuMobilePopUp" style="display:none" onmouseover="visualizzaSottoMenu(menuMobileSx1)" onmouseout="nascondeSottoMenu(menuMobileSx1)">
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(1)">rosso</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(2)">blu</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(3)">bianco</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(4)" Style="BORDER-bottom: #9999cc 1px solid; PADDING-bottom: 3px;">byspy.it</div>
</div>
<span id="menuFissoSx2" class="dimensioneMenuFisso" onmouseover="visualizzaMenu(menuMobileSx2)" onmouseout="nascondeMenu(menuMobileSx2)">colora lo sfondo2</span>
<div id="menuMobileSx2" class="menuMobilePopUp" style="display:none" onmouseover="visualizzaSottoMenu(menuMobileSx2)" onmouseout="nascondeSottoMenu(menuMobileSx2)">
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(1)">rosso</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(2)">blu</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(3)">bianco</div>
<div class="mouseLasciaIlMenu" onmouseover="mouseInMovimento()" onmouseout="mouseOut()" onclick="indirizzaMenu(4)" Style="BORDER-bottom: #9999cc 1px solid; PADDING-bottom: 3px;">byspy.it</div>
</div>
</td>
</tr>
</table>
</td>
<td>Ecco fatto! Provate e vedrete...</td>
</tr>
</table>
</BODY>
</HTML>


Di seguito trovi quello che devi scrivere nel file menu.css

.dimensioneMenuFisso {
PADDING-RIGHT: 3px; PADDING-LEFT: 6px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: #c6ddf4;
}
.dimensioneMenuHover {
PADDING-RIGHT: 3px; PADDING-LEFT: 6px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 4px; BORDER-BOTTOM: white 1px solid; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: whitesmoke
}
.mouseInMovimentoMenu {
BORDER-RIGHT: #9999cc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #9999cc 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9999cc 1px solid; WIDTH: 100%; CURSOR: hand; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: #496DAD;
}
.mouseLasciaIlMenu {
BORDER-RIGHT: #9999cc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #9999cc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9999cc 1px solid; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: whitesmoke
}
.mouseLasciaMenuUltimo {
BORDER-RIGHT: #9999cc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #9999cc 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #9999cc 1px solid; WIDTH: 100%; CURSOR: hand; COLOR: black; PADDING-TOP: 3px; BORDER-BOTTOM: #9999cc 1px solid; FONT-FAMILY: Tahoma,sans-serif; BACKGROUND-COLOR: whitesmoke
}
.titoloDiTesta {
PADDING-RIGHT: 3px; BORDER-TOP: #004080 1px solid; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #004080; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; COLOR: white; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,sans-serif
}
.menuMobilePopUp {
WIDTH: 140px; POSITION: absolute
}

Spero di esserti stato d'aiuto.

BySpy