[Tutorial] Background mudar cor / imagem ao rolar a página! Seg 25 Ago 2014 - 15:33
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: [Tutorial] Background mudar cor / imagem ao rolar a página!Autor: Wagner (código) , Premotheus (alteração do código)
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins
Olá amigos,
Eu desenvolvi hoje este código do background mudar ao rolar a página.
Então vamos ao código:
[poll]
- Código:
// Change background to scroll the page
// Author: Wagner (code) and Premotheus
$(function(){
var teste = $('body'),
teste4 = function(){
$(window).scrollTop() > 150 ? teste.css({
'background' : '#000',
}) : teste.css({
'background' : '',
});
};
$(window).scroll(teste4);
});
Mude 150 para o valor que será mudado a imagem/cor do background ao rolar a página, podendo ser 100, 200, 250 (Qualquer valor)!
Altere #000 para o background que entrará ao rolar a página.
(Pode colocar imagem, como por exemplo: url('link da sua imagem') ou #Código_Hexadecimal url('link da sua imagem'))
Bem é isto, o código não é lá grandes coisas, mas em breve farei um background Parallax (procure no google...), assim teremos um efeito show de bola !
Espero que gostem
E agradeço ao Wagner, pois utilizei o código dele para desempenhar este código!
Curta e comente para visualizar o conteúdo!
Demo ativa em: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
Qualquer dúvida crie um tópico nesta área: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]