Fundo que se movimenta com o mouse

Gisele.Passoni · Março 27, 2012

Ola, pessoal! Tudo bem?

Estou desenvolvendo um site e preciso que o fundo da página tenha imagens que se movimentam de acordo com o mouse. Andei procurando no google e só encontrei isso feito em flash (action script). Mas como não entendo nada de flash, resolvi postar aqui, com esperança de que haja uma forma de se fazer isso usando js, jquery ou algo pareciso rs. Um exemplo legal está nesse site: http://www.jogosabertos2011.com.br.

Se alguém puder me ajudar eu agradeço :)

Romerito · Março 27, 2012

bom tenta algo mais ou menos assim:

<html>
	<head>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$(document).bind('mousemove',function(e){
					$("#teste").css({"top":e.pageY+"px",left:(e.pageX -40)+"px"});
				});
			});	
		</script>
	</head>
	<body>
		<span id="teste" style="position:absolute;">
			<img src="http://scriptbrasil.com.br/forum/style_emoticons/default/smile.gif" />
		</span>
	</body>
</html>

boa sorte!

Gisele.Passoni · Março 28, 2012

Bom dia, Romerito

Obrigada por me passar esse exemplo, mas não seria bem isso... me falaram pra usar o jparallax... pesquisei sobre e até consegui fazer as imagens do fundo se moverem em camadas posicionadas em DIVs, mas agora não consigo colocar uma tabela (ou div) que fique fixa por cima dessas que ficam em movimento... essa tabela ou DIV fixa iria conter o conteudo do site... se você ou mais alguém souber algo sobre esse jparallax, por favor, me informe, ok!

Valeuu!

Entrar

Fundo que se movimenta com o mouse

Pergunta

Gisele.Passoni

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

Romerito

Link para o comentário

Compartilhar em outros sites

Gisele.Passoni

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades