Olá pessoal hoje irei mostrar algo simples que é que mudar a cor do seu menu de acordo com a página atual, apesar de ser simples muitos apanham ou não sabem como começar. Como nas outras postagens não irei entrar muito em detalhes irei apenas demonstrar o exemplo. Primeiramente irei usar um menu em que ele abre a página dentro da div.
Crie um arquivo: index.php
Pessoal não esqueçam de enviar seus comentários. Obrigado!!!
Crie um arquivo: index.php
< html> < head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.j s"></script>-->
<!-- Obs. Aqui deste exemplo eu não separei nada, porém aconselho estarem separando os scripts em arquivos js, por exemplo funcao_menu.js </head></html>
<script>
jQuery().ready(function(){
jQuery('.menu a').click(function(){
jQuery('.menu a').removeClass('selecionado');
jQuery(this).addClass('selecionado');
});
})
$(document).ready(function(){
//executa o evento Click em todos os links do menu
$('#menu-topo a').live('click', function() {
// faz o carregamento da pagina de acordo com o Cod da pagina, que vai pegar os valores da pagina page.php
$('#conteudo').load($(this).attr('href'));
return false;
});
});
</script>
<style>
.selecionado
{
background:#CCC;
color:#000;
font:13px verdana;
padding:3px;
}
</style>
Pessoal não esqueçam de enviar seus comentários. Obrigado!!!
Comentários
Postar um comentário