Menu animado

Quer um menu como este abaixo ?

Gostou ? Então clique em "Modelo" depois em "Elementos de página". Agora clique em "Adicionar um elemento de página" e clique em HTML/Javascript.

Cole o código aí fazendo as modificações necessárias e colando os links nos locais indicados.

Em verde é a cor da barra de cima. Mude se quiser.

Em azul é a cor de fundo da caixinha

<div style="background-"#EB8B35;width:187px;">
<center><a href="javascript:movedown()">SUBIR</a> <a href="javascript:moveup()">DESCER</a>
<a href="javascript:stopscroll()">PARAR</a> <a href="javascript:movetop()">VOLTAR</a></center>
</div>
<script language="JavaScript1.2">
var speed=2

iens6=document.alldocument.getElementById
ns4=document.layers

if (iens6)
{document.write
('<div id="container" style="background: #ffffff; position:relative;width:185px;height:150px;overflow:hidden;border:2px ridge white">')

document.write('<div id="content" style="position:absolute;width:183px;left:2px;top:0px">')
}
</script>

<center><form name="rolloverbox">
<!--Scripts--->
<div align="left"><p align="left"><b><input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(0)" style="text-decoration: none" onmouseout="rolloutcheck(0)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(1)" style="text-decoration: none" onmouseout="rolloutcheck(1)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(2)" style="text-decoration: none" onmouseout="rolloutcheck(2)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>
<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(3)" style="text-decoration: none" onmouseout="rolloutcheck(3)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK <br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(4)" style="text-decoration: none" onmouseout="rolloutcheck(4)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>
<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(5)" style="text-decoration: none" onmouseout="rolloutcheck(5)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>
<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(6)" style="text-decoration: none" onmouseout="rolloutcheck(6)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(7)" style="text-decoration: none" onmouseout="rolloutcheck(7)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(8)" style="text-decoration: none" onmouseout="rolloutcheck(8)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(9)" style="text-decoration: none" onmouseout="rolloutcheck(9)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(10)" style="text-decoration: none" onmouseout="rolloutcheck(10)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

<input value="ON" name="boxes" type="checkbox"/>
<a onmouseover="rollovercheck(11)" style="text-decoration: none" onmouseout="rolloutcheck(11)" href="AQUI O ENDEREÇO DO QUE QUERES LINKAR" target="_blank">
NOME DO LINK<br/>

</a></a></a></a></a></a></a></b></p>
</div></form>
<script>
var thebox=document.rolloverbox
function rollovercheck(whichbox){
thebox.boxes[whichbox].checked=true
}

function rolloutcheck(whichbox){
thebox.boxes[whichbox].checked=false
}
</script><center>
<script language="JavaScript1.2">
if (iens6){
document.write('</div></div>')
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}
function movedown(){
if (window.moveupvar) clearTimeout(moveupvar)
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}
function moveup(){
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}
function stopscroll(){
if (window.moveupvar) clearTimeout(moveupvar)
if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(){
stopscroll()
if (iens6)
crossobj.style.top=0+"px"
else if (ns4)
crossobj.top=0
}
function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>