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


Moderador: web

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

Trocar a cor de links por CSS e JavaScript

04-03-2007 22:11

Nesse artigo vou mostrar uma forma de estar mudando nossos links (ao passar cursor sobre ele) com CSS e JavaScript.
Veja abaixo:

<script language="JavaScript"> /* na função muda pego o name, cor e fundo passados pelo link */ function muda(name, cor, fundo) { /* defino a cor da fonte (passando o cursor) */ name.style.color = cor; /* defino a cor de fundo (passando o cursor) */ name.style.backgroundColor = fundo; }   function volta(name) { /* defino a cor da fonte (ao tirar o cursor do link) */ name.style.color = "#000000"; /* defino a cor de fundo (ao tirar o cursor do link) */ name.style.backgroundColor = "#ffffff"; } </script>


<!-- abaixo 2 links de exemplos note que cada link tem um name própio deixe eles de acordo com a chamada na função, seguindo os exemplos baixo link1 = name do link white = cor do texto black = cor de fundo //--> <a name="link1" href="" onmouseover="muda(link1, 'white','black');" onmouseout="volta(link1);" style="color:black;">link 1</a> <br> <a name="link2" href="" onmouseover="muda(link2, 'orange','white');" onmouseout="volta(link2);" style="color:black;">link 2</a>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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