Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17385
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Menu com sub-menus ao passar o mouse

03-03-2007 18:38

Nesse artigo vou passar um código de menu com sub-menus.
Ao passar o cursor sobre os links principais, será ativado, sub-menus da mesma opção, após um tempo esse menu desaparece.
Tudo configurado no código mostrado abaixo:

<SCRIPT LANGUAGE="JavaScript"> function Menu1(form) { /* links para o menu "links 1" */ var menu1 = ""; menu1+='<a href="http://">link 1</a> - ' menu1+='<a href="http://">link 2</a> - ' menu1+='<a href="http://">link 3</a>' document.getElementById("conteudo").innerHTML=menu1; } function Menu2(form) { /* links para o menu "links 2" */ var menu2 = ""; menu2+='<a href="http://">link a</a> - ' menu2+='<a href="http://">link b</a> - ' menu2+='<a href="http://">link c</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>Passe o mouse</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>

0
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado