Ok, a questão é essa - Estou desenvolvendo um novo projeto pessoal, e é necessário fazer o controle dos botões Anterior | Próximo** utilizado na base Switch/Case
, dar vida ao números. Mostra-lo como Ativo.
No tocante, tudo é visual mesmo. A idéia aqui, é na verdade passar de um elemento <span></span>
para outro, quando clicado no botão Anterior ou Próximo, colocando-o númerador em evidência(destacado) dos demais.
#Código
span { padding: 5px; cursor: pointer; }
span.color { color: white; font-weight: bold; background-color: dimgray; }
« Anterior
1
2
3
4
5
Próximo »
var conta = 0;
var obj = document.getElementsByTagName('a');
switch(conta.toString()){
case '1': obj.[0].className = 'color'; break;
case '2': obj.[1].className = 'color'; break;
case '3': obj.[2].className = 'color'; break;
case '4': obj.[3].className = 'color'; break;
case '5': obj.[4].className = 'color'; break;
}
if (conta == 5) { conta = alert("No limite!"); }
}
Vemos o código fonte - agora tomemos base que nada mais nada menos é, do que estou tentando criar com Switch/Case um Efeito Paginação