Mudar o background do seu site com jQuery.
16/07/2010 at 22:08 2 comentários
Olá a todos! Um efeito que hoje em dia esta bem na moda, é o usuário poder personalizar a cor do background do site por outras cores. Então lá vai este script bem simples porem funcional:
O html ficaria assim:
<a href="javascript:void(0)" onClick="cor('blue');">Azul</a> <br /> <a href="javascript:void(0)" onClick="cor('red');">Vermelho</a>
Quando o usuário clicar no link irá mandar por parametro o que tiver dentro () do onClick.
<script> function cor(cores){ $("body").css("background-color", cores); } </script>
Na função ele irá receber o parametro e mudar no .css do jQuery.
Muito simples não?
Abraços.
Entry filed under: Jquery.
2 Comentários Add your own
Deixe um comentário
Trackback this post | Subscribe to the comments via RSS Feed
1. Suzana | 04/04/2013 às 03:07
Você me ajudou muito, obrigada!
EU tenho uma dúvida, como faz para deixar a cor que for selecionada mesmo se atualizar a página?
Porque eu deixei o meu site com várias opções de cores, mas quando a página é atualizada, ele volta a cor padrão.
2. Mário | 04/04/2013 às 03:13
Olá Suzana boa noite, usando apenas javascript e jquery creio que não seja possível, teria que usar uma outra linguagem de programação como o PHP.