Fundo que se movimenta com o mouse

Gisele.Passoni · March 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 · March 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 · March 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!

Sign In

Fundo que se movimenta com o mouse

Question

Gisele.Passoni

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Romerito

Link to comment

Share on other sites

Gisele.Passoni

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity