mouseOver
galera, tô ficando muito "bolado"..
sei que isso é fácil, mas não to conseguindo fazer funcionar.. quero ver o nível da minha burrice..
tô fazendo o footer com os links das redes sociais..
aí sao uns iconezinhos, que quando passa o mouse por cima, muda a posição do background (pra alterar a cor do icone).
nada que eu faço tá dando certo??!!
tá assim agora...
no html:
<li><a href="#" class="email" onMouseOver="document.getElementsByClassName('.email').style.background-position='0 -25px';" target="_blank">E-mail</a></li>
no css:
#social ul li a.email{ background: url(imagens/email.png) no-repeat;}
grato, []´s
resolvi!
ao invés de class usei ele como id..
ficou assim..
html:
<li><a href="#" id="email" onmouseover="document.getElementById('email').style.backgroundPosition='0 -25px';" onmouseout="document.getElementById('email').style.backgroundPosition='0 0';" target="_blank">E-mail</a></li>
css:
#social ul li a#email{ background: url(file:///C|/Users/Rosa/Desktop/i9/imagens/email.png) no-repeat;}
Discussão (1)
Carregando comentários...