vedi pagina in esecuzione

codice:


<script type="text/javascript">

function menu(menu) {
cancello_lista()

document.getElementById("elenco").style.pixelTop=menu.offsetTop+20;
document.getElementById("elenco").style.pixelLeft=menu.offsetLeft;

switch(menu){
case menu1:
scritte=new Array()
scritte[0]="google";
scritte[1]="andrea";

link=new Array();
link[0]=new Array("http://www.google.it","_self");
link[1]=new Array("http://www.acosani.it","_blank");

break;

case menu2:
scritte=new Array()
scritte[0]="informatica";
scritte[1]="tedesco";

link=new Array();
link[0]=new Array("../../index.html","_top");
link[1]=new Array("../../../tedesco/index.html","_top");

break;}

quanita=0
velocita=200
elementi_menu();
}

function elementi_menu(){
if (quanita<link.length){
tabella=document.createElement("table");
body=document.createElement("tbody")
riga=document.createElement("tr");
colonna=document.createElement("td");

testo = document.createElement("a");
testo.setAttribute("href",link[quanita][0]);
testo.setAttribute("target",link[quanita][1]);
testo.appendChild(document.createTextNode(scritte[quanita]))

colonna.appendChild(testo);
riga.appendChild(colonna);
body.appendChild(riga)
tabella.appendChild(body)
document.getElementById("elenco").appendChild(tabella);

quanita++;
setTimeout("elementi_menu()",velocita);
}
}

function cancello_lista() {
if (document.getElementById("elenco").childNodes.length > 0){
for (x=document.getElementById("elenco").childNodes.length-1;x>-1;x--){
document.getElementById("elenco").removeChild(document.getElementById("elenco").childNodes[x])
}
}
}

</script>

<style type="text/css">

#navbar {
border: 1px solid;}

#navbar li{
display: inline;
border: 1px solid;
width:100px;}

#elenco{
position:absolute;
background-color:white;}

#elenco td{
border: 1px solid;
width:93px;}

ul{padding:0px;
margin:0px;}

</style>

</head>

<body onClick="cancello_lista()">

<div id="navbar">
<ul>
<li id="menu1" onMouseOver="menu(this)">menu01</li>
<li id="menu2" onMouseOver="menu(this)">menu02</li>
<ul>
</div>

<div id="elenco"></div>

</body>