Publicado em 25 de jul.

Link marcado ao clicar

Ola bom dia fiz um link que ao passar o mouse ele alterna entre duas imagnes mas qro fazer ao clicar em uma opção ele deixar a imagem marcada no menu alguem pode me dar uma maozinha

$(function(){

$("#programacao").hover(function(){

 $('#opcoes-menu').css({backgroundPosition: '0 -102px'});

}, function(){

$('#opcoes-menu').css({backgroundPosition: '0 0'});

});

})

</script>

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

angelorubin· 25 de jul.

Bom dia,

Não entendi bem, tem como explicar melhor?

pixelrafael· 25 de jul.

Sua função está programada para quando relar em "#programacao" a posição do fundo muda, e quando você tira o mouse, ele volta ao normal, correto?

Bem, agora se tu quiser que, quando você clique em algo e fique para sempre na outra posição de fundo é só fazer:

$(function(){
$("#ondeclica").click(function(){
 $('#opcoes-menu').css({backgroundPosition: '0 -102px'});
});
})

Claudemir Vaz· 25 de jul.

Sim mas eu preciso as duas coisas

Deixa eu esplicar melhor tenho um menu que usa esse jquery

$("#programacao").hover(function(){
 $('#opcoes-menu').css({backgroundPosition: '0 -102px'});
}, function(){
$("#opcoes-menu").css({backgroundPosition: '0 0'});
});

O problema que tenho para resolver é o seguinte quando eu passar o mouse sobre ele tem que aparecer a segunda imagem mas se eu sair sem clicar ele tem que sumir agora se eu clicar ele tem que sair sem retirar a segunda imagem