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

<!-- begin snippet: js hide: false console: true -->

<!-- language: lan-css -->

span {
    padding: 5px;
    cursor: pointer;
}

span.color {
    color: white;
    font-weight: bold;
    background-color: dimgray;
}

<!-- language: lan-html -->

<center>

<button onclick="ancora(conta--);">&#171 Anterior</button>

 
<span>1</span>

<span>2</span>

<span>3</span>

<span>4</span>

<span>5</span>


<button onclick="ancora(conta++);">Próximo &#187</button>

</center>

<!-- language: lan-js -->

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!"); }
}

<!-- end snippet -->

<br>

>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**