[Resolvido] Mudar o Menu ao clicar nele

[skindedo 0]

Olá.. sou novo no fórum e estou com uma duvida ..

 

 

tenho 3 menus e gostaria de mudar a cor deles quando eles estivessem na página dos mesmos, ao clicar neles.. eles estão como imagens .. eu ja tenho as imagens salvas..

 

		
<div id="box-nav">
<ul>

	<li><a href="<?php echo SITE_URL; ?>" title="Voltar início" class="1">1</a></li>
	<li><a href="<?php echo SITE_URL; ?>2/" title="2" class="2">2</a></li>
	<li><a href="<?php echo SITE_URL; ?>3/" title="3" class="3">3</a></li>

</ul>

</div><!-- box-nav -->

 

aqui está o css

 

#box-nav ul {
list-style: none;
width: auto;
height: 30px;
}

#box-nav ul li {
display: block;
float: left;
width: auto;
padding: 0;
margin: 0 10px 0 0;
list-style: none;
color: #0CC;
}

#box-nav ul li a {
display: block;
overflow: hidden;
text-indent: -9000em;
}

#box-nav ul li a.1 {
background: transparent url(../imgs/structure/btn_1.png) no-repeat center;
width: 89px;
height: 30px;
}



#box-nav ul li a.2 {
background: transparent url(../imgs/structure/btn_2.png) no-repeat center;
width: 89px;
height: 30px;
}

#box-nav ul li a.3 {
background: transparent url(../imgs/structure/btn_3.png) no-repeat center;
width: 73px;
height: 30px;
}

}

 

iai alguem pode ajudar ? =)

 

sei que pode ser feito com o OnClick .. mas tentei e não consegui..

 

vlw galera

[William Bruno 1501]

não poderá ser feito com onclick não.

Pois a página será recarregada, então qualquer modificação que você fizer com javascript, será perdida.

 

Para isso, melhor usar alguma linguagem server-side para:

-> ler a url

-> testar qual item do menu é 'o atual'

-> atribuir uma classe css do tipo: ' class="ativo"' para esse item

 

é possível fazer o mesmo com javascript, porém, considero esse parse da URL mais complicado, de ser feito com js.

 

dá para fazer o efeito de menu atual, apenas com CSS puro. Veja a minha solução para:

http://forum.imasters.com.br/index.php?/topic/354140-repente-css-menus/page__view__findpost__p__1341165

[skindedo 0]

opa . tranquilo .. fiz pelo css do jeito que você fez no seu .. funcionou tranquilinho..

;)

vlw abrassssssss