Copie o código abaixo e cole-o em suas páginas. Para copiar, selecione todo o código e aperte as teclas "CTRL+C" e cole em suas páginas com o comando "CTRL+V".
Este é o código do seu menu. Faça o download do arquivo com as imagens, descompacte-o e coloque as imagens no mesmo diretório onde ficarão as páginas com o seu menu. Clique aqui para fazer o download do arquivo com as imagens. Lembre-se de que, sem esse arquivo, seu menu não irá funcionar.
- O Código:
<script language="javascript">
<!--
var Aberto = ""
var Fechado = ""
function preload(){
if(document.images){
Aberto = new Image(16,13)
Fechado = new Image(16,13)
Aberto.src = "aberto.gif"
Fechado.src = "fechado.gif"
}}
function mostra(item,item2){
if (item.style.display=='none'){
item.style.display='';
item2.src=Aberto.src
}
else{
item.style.display='none'
item2.src=Fechado.src
}
}
preload();
-->
</script>
<font face="Verdana" size="1" color=#000000>
<span id="menu1" onClick="mostra(menu1principal,menu1img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#000000">
<img id="menu1img" src="fechado.gif" valign="bottom"> Titulo 1</span><br>
<span id="menu1principal" style="display:'none'">
<a href=http://link1>link1</a><br>
</span></font> <font face="Verdana" size="1" color=#000000>
<span id="menu1" onClick="mostra(menu2principal,menu2img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#000000">
<img id="menu2img" src="fechado.gif" valign="bottom"> Titulo 2</span><br>
<span id="menu2principal" style="display:'none'">
<a href=http://link2>link2</a><br>
</span></font>
Obs: Este exemplo foi criado levando-se em conta 2 itens no menu, tamanho pequeno do texto, o menu em uma página normal (sem frames), cor preta do texto e a quantidade de 1 link por item no menu.