Fazer uma div aparecer
Eu fiz uma lista, e quero que quando eu passar o mouse e uma div, uma propriedade css dela mude.
Eu consegui usando o seguinte código:
$(document).ready(function() {
$('.botoes').hover(
function () {
$(this).css('background', 'red');
},
function () {
$(this).css('background', 'gree');
}
);
});
Porque eu tenho varias divs, e quando passar o mouse, mudar só nessa.
Mas como eu faço, para que quando eu passar o mouse em cima de uma div, fazer mudar uma propriedade css mudar de outra div?
Exemplo:
<div class="tudo">
<div class="oi">Oi</div>
<div class="aqui"></div>
</div>
<div class="tudo">
<div class="oi">Oi</div>
<div class="aqui"></div>
</div>
<div class="tudo">
<div class="oi">Oi</div>
<div class="aqui"></div>
</div>
Eu quero que quando eu passar o mouse em alguma div com a classe oi, altere uma propriedade na classe aqui.
Um exemplo prático:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img37.imageshack.us/img37/3959/exemplocr.png&key=ded8909453a17cb6166d64b37a15861d6b106be6b6333fddd27ae235f2f23571" alt="exemplocr.png" />
A div verde, é a que encobre tudo. Eu quero que quando eu passar o mouse na div laranja, a div outra_cor (não sei o nome dessa cor) apareça. Mas sem que as divs outra_cor das outras divs verde apareçam, mas só consigo fazer mudar as propriedades da div que eu passar o mouse.
Mais uma informação:
A div da cor estranha, esta "dentro" da div laranja, que é uma imagem (position:absolute;).
Se alguém puder me ajudar, eu agradeço :lol:
Discussão (6)
Carregando comentários...