Hover de imagens = tipo, rola de fazer com JS

[Wagner Bianchi 0]

Opa,

 

Seguinte,

 

Alguém pode me passar ou me ajudar a fazer um hover com CSS de imagens de um link??? Tipo, sei fazer com Java Script mas realmente fica muito pesado a algumas conexõs e gostaria de saber como fazer com CSS. . .

 

Alguém me ajuda?? http://forum.imasters.com.br/public/style_emoticons/default/kiss.gif

 

Obrigado!!

 

DEUS Abençõe!!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[renanfog 0]

Por exemplo, um link q qdo você passar o mouse por cima dele aparece uma imagem por baixo....classeLink{ text-decoration:none;}.classeLink{ /* imagem q aparece no fundo */ background-image:url(gradiente.jpg); /* repete a imagem apenas na horizontal */ background-repeat:repeat-x;}geralmente eu crio a imagem com uns dois pixels de largura, dai repito ele no css... fica rapidinho assim com fundos uniformes

[Wagner Bianchi 0]

Opa,

 

Tipo, é bem por´aí mesmo.. .mas, tenho uma imagem "botao_home_off.gif" por exemplo, daí, quando eu passar o mouse (onMouseOver), a imagem troca para "botao_home_on.gif" . . .

 

Como fazer?? :)

 

 

Obrigado!! http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif

 

DEUS Abençoe!! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[renanfog 0]

Assim:

 

.classeLink{    /* Coloque a formatação visual aqui */     font-family:Verdana;     color:#00ffff;     background-image:url(botao_home_off.gif);     /* Se a imagem for apenas uma parte da imagem e você queira repeti-la para dar a impressão de que ela é maior, use assim: */    background-repeat:repeat-x;    /* Isso reproduz a imagem N vezez na horizontal, mas se a imagem tiver o tamanho exato do link, troque repeat-x por "no-repeat" */}/* Seletor para quando o mouse está sobre o link, utilizando a pseudo-classe HOVER */.classeLink:hover{     background-image:url(botao_home_on.gif);     /* Se a imagem for apenas uma parte da imagem e você queira repeti-la para dar a impressão de que ela é maior, use assim: */    background-repeat:repeat-x;    /* Isso reproduz a imagem N vezez na horizontal, mas se a imagem tiver o tamanho exato do link, troque repeat-x por "no-repeat" */}

Qualquer coisa pergunta ai!!

abraço :D