Submenu vertical de passar o mouse

Código do submenu,para renomear ou editar o link,postei mais fácil para vocês.
Onde estiver escrito 'url do link' Você poe o link para direcionar e onde estiver 'nome do link' você poe o nome do link,por exemplo: Inicio.
Código:

<script language="JavaScript"> 
function Menu1(form) { 
/* links para o menu "links 1" */ 
var menu1 = ""; 
menu1+='<a href="Url do link">Nome do link</a> - ' 
menu1+='<a href="Url do link">Nome do link</a> - ' 
menu1+='<a href="Url do link">Nome do link</a> - ' 
document.getElementById("conteudo").innerHTML=menu1; 
} 


function Menu2(form) { 
/* links para o menu "links 2" */ 
var menu2 = ""; 
menu2+='<a href="Url do link">Nome do link</a> - ' 
menu2+='<a href="Url do link">Nome do link</a> - ' 
menu2+='<a href="Url do link">Nome do link</a> - ' 
menu2+='<a href="www.grandestutos.blogspot.com">Ter Widget</a>' 
document.getElementById("conteudo").innerHTML=menu2; 
} 


/* função para limpar as opções do menu */ 
function limpa() { 
document.getElementById("conteudo").innerHTML=""; 
} 
function ativa_limpa() { 
/* 
1000 = 1 segundo 
tempo para limpar o menu após ativar o link ao passar o mouse 
*/ 
setTimeout("limpa()", 10000) 
} 
</script> 




<table border="0" cellpading="0" cellspacing="0" width="300"> 
<tr> 
<td>Submenu:</td> 
<td align="center"><a href="#" onmouseover="Menu1(this.form);">links 1</a></td> 
<td align="center"><a href="#" onmouseover="Menu2(this.form);">links 2</a></td> 
</tr> 
<tr bgcolor="#f9f9f9"> 
<td colspan="3"><div style="height:30px" id="conteudo" onmouseout="ativa_limpa()">&nbsp;</div></td> 
</tr> 
</table>