Menu com display

Scripts

Menu com display

Código para criar um menu com display em seu site.

Exemplo:

»Home
»Novidades
»Arquivos

Contato

»Fale conosco

Outros

»Links

Mais

»Anuncie
»Divulgue
»Doe

Copie (Ctrl+C) o código abaixo e cole (Ctrl+V) em seu site, edite o CSS como quiser.

.submenu{
margin-bottom: 0.5em;
}
</style>

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

</script>
<body leftmargin="10" topmargin="50" marginheight="2">
<div id="masterdiv">
  <div class="menutitle" onClick="SwitchMenu('sub1')">Menu</div>

<span class="submenu" id="sub1">
   - <a href="http://arquivoweb.com/" target="_blank">Home</a><br>
  - <a href="http://arquivoweb.com/" target="_blank">Novidades</a><br>
  - <a href="http://arquivoweb.com/" target="_blank">Arquivos</a><br>
  </span>

<div class="menutitle" onClick="SwitchMenu('sub2')">Contato</div>

<span class="submenu" id="sub2"> - <a href="mailto:faleconosco@arquivoweb.com" target="_blank">Fale conosco</a><br>
  </span>
  <div class="menutitle" onClick="SwitchMenu('sub3')">Outros</div>
  <span class="submenu" id="sub3">
  - <a href="http://arquivoweb.com/" target="_blank">Links</a><br>
</span>
  <div class="menutitle" onClick="SwitchMenu('sub4')">Mais</div>
  <span class="submenu" id="sub4">
  - <a href="http://arquivoweb.com" target="_blank">Anuncie </a><br>
  - <a href="http://arquivoweb.com" target="_blank">Divulgue</a><br>
  - <a href="http://arquivoweb.com" target="_blank">Doe</a> </span>
  </div>

Tutoriais
Dicas, truques e macetes para webdesigners iniciantes, veja aqui.