Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá Membros do Fórum...
Eu estou tentando criar um script pra mudar um fundo de uma div apenas passando o mouse em um link só que não esta funcionando..
Bem.. não sou nenhum Expert no assunto JS tentei vários tutoriais só que sem sucesso. então estou aqui pedindo a ajuda de vocês.
vou explicar melhor com um exemplo...
css
.estilo1{
background-color:#006;
}
.estilo2{
background-color:#0C3;
}
.estilo3{
background-color:#F00;
}
#conteudo{
height:500px;
width:500px;
background-color:#CCC;
}Html
<body>
<div id='conteudo'>
<a href='#'>link1</a><!--Ao passar o mouse muda a div #conteudo para o estilo 1 -->
<a href='#'>link2</a><!--Ao passar o mouse muda a div #conteudo para o estilo 2 -->
<a href='#'>link3</a><!--Ao passar o mouse muda a div #conteudo para o estilo 3 -->
</div>
</body>E o código JS (eu sei que esta errado) foi uma de minhas tentativas frustradas de fazer funcionar.
$(document).ready(function(){
function(){
$('#conteudo').hover(function(){$(this).find('.estilo1');}
)};
function(){
$('#conteudo').hover(function(){$(this).find('.estilo2');}
)};
function(){
$('#conteudo').hover(function(){$(this).find('.estilo3');}
)};
});Peço a ajuda de vocês :)
Carregando comentários...