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.

Menu slideDown e slideUp com jQuery. Top 03 jQuery modal.

2 Comentários Add your own

  • 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.

    Responder
  • 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.

    Responder

Deixe um comentário

Trackback this post  |  Subscribe to the comments via RSS Feed


Agenda

julho 2010
S T Q Q S S D
 1234
567891011
12131415161718
19202122232425
262728293031  

Most Recent Posts