[Resolvido] Trocar posição da imagem ao clicar
RESOLVIDO
O que eu quero fazer é um botao que quando clica troca a posição do background
<div onclick="this.style.backgroundPosition = 'bottom'">
</div>
Ai tudo bem, ele troca, mas e se eu fosse fazer por exemplo, se eu clicar novamente, voltar a imagem pro topo?
Exemplo:
Clicou: img = bottom;
Clicou: img = top;
Clicou: img = bottom;
Clicou: img = top;
alguém tem como ajudar ae?
pode ser alguma alternativa diferente
usando outras técnicas, funções etc
eh que eu vou usar essa técnica pra trocar os botoes que vem do banco de dados...
<style>
.title{
width:184px;
height:20px;
border:solid 1px #dfdfdf;
background:url(background.jpg) no-repeat left top;
}
.title_active{
width:184px;
height:20px;
border:solid 1px #dfdfdf;
background:url(background.jpg) no-repeat left bottom;
}
</style>
<body>
<div onclick="
if(this.className=='title'){
this.className=='title_active'
} else {
this.className=='title'
};">
Consegui
o erro era o seguinte:
tava colocando this.className=='title_active'
o certo é this.className='title_active'
^^
Discussão (0)
Carregando comentários...