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`, estou na tentativa a **dar vida ao números**. Mostra-lo como _Ativo_. 

No tocante, tudo é visual mesmo. A idéia aqui apresentada, é na verdade passar de um _elemento_ `span` para outro, quando for clicado em um dos botões **Anterior ou Próximo**, colocando-o número da _tag_ `<span>..</span>` em evidência(destacado) dos demais. 

# Código

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

<!-- language: lang-css -->

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

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

<!-- language: lang-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: lang-js -->

var conta = 0;

var obj = document.getElementsByTagName('span');

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>

>Ja se sabe do que se trata, um **Efeito Paginação** é o que procuro fazer(somente a parte visual, estética). No qual estou tentando criar com `Switch/Case` 
>
>Observe que este `Switch/Case` foi implementado um contador de cliques, para direção a tomar **Voltar ou Avançar**.

<br>

Agora o que eu preciso no momento, é saber **destacar** somente **um número por vez** dos demais, **conforme o clicar** na disposição dos botões de controle.