site de apenas uma página

[virtualeelo 0]

Bom dia Galera, em primeiro lugar não consegui procurar algum post relacionado com a minha dúvida pois não faço ideia de como pesquisar, portanto peço desculpas se já tiver algo relacionado no fórum.

 

Então vamos lá, sabem aquela propriedade "active" no CSS onde o item de menu selecionado fica destacado conforme foi estilizado? Então minha dúvida é relacionado a isso, estou criando um site desses que é apenas com uma página onde no meu caso não sei se existe outra forma os itens de menu estão ancorados, portanto, gostaria que, quando selecionado algum item de menu o mesmo fique destacado.

 

Aqui vai o link do que eu já tenho pronto, vocês podem perceber que no Menu existe os seguintes itens:

 

INICIO | A EMPRESA | SERVIÇOS | PORTFOLIO | CONTATO

 

ambos na cor cinza e quando é posto o mouse encima fica branco, gostaria que quando clicasse no item este ficasse destacado, digamos que, com a cor branca mesmo, consigo fazer isso tranquilamente e sites convencionais, mas este me deu uma certa dor de cabeça!

 

Peço perdão se fiz com que ficasse confuso.

 

Estou no aguardo.

 

OBS.: Aqui vai um exemplo do que eu estou me referindo.

[raonibs 64]

O efeito que você quer foi feito usando javascript. No caso especifico quando o link do cabeçalho é clicado o javascript o coloca por entre uma tag span com a cor apropriada.

 

exemplo:

<span style="color:blue">

<a href="#inicio">INICIO</a>

</span>

isso pode ser feito criando uma função com innerHTML disparada por um evento onclick.

[virtualeelo 0]

Obrigado por responder Raoni Botelho Sporteman, porém, sou meio leigo no assunto, to aprendendo agora e certas coisas ainda estão sendo bastante confusas, teria como deixar um pouco mais claro para mim? Dei uma pesquisada sobre innerHTML mas não entendi muito bem como posso utilizar a meu favor.

 

Desde já agradeço.

[raonibs 64]

Sua duvida é ampla, existe mais de uma forma se fazer o que você deseja com javascript, conhecimento só do innerHTML não vai te ajudar muito.

 

Se você estiver aprimorando seus conhecimentos em paginas web e javascript recomento os seguintes link, eu mesmo comecei por eles:

• Linguagens web
• Programação em Javascript
• Programação em Javascript II

E neste outro link tem bons exemplos de um uso do innerHTML semelhante ao que você precisa. (esta inglês mas o Google tradutor quebra o galho).

[virtualeelo 0]

Obrigado, vou dar uma estudada nestes links que me indicou, não sei como agradecer neste fórum portanto dei um ponto positivo a você.

 

Valeu :D