Efeito página do Google

[Lucas Vida 0]

Bom dia amigos!

 

Nem sei se aqui mesmo que devo postar pois não sei qual a linguagem e a técnica utilizada;

 

A algum tempo vi que o google tem utilizado um efeito de "fade" em sua página inicial. Achei bem interessante o efeito e gostaria saber como é feito. Mas além desse achei um outro muito interessante que é a animação de uma maça caindo, algúem sabe como é feito esse efeito?

 

Abs

[Thiago Retondar 18]

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif JavaScript / DHTML

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Paulo Mardson 1]

o efeito do google é simples, se você usa jquery?

 

Efeito de FADEIN:

 

$(document).ready(function(){

   $(body).mousover(function(){
      $("#SUADIV").hide();
      $("#SUADIV").fadeIn(300);
   )};

});

[Fabio Jp 0]

Agora ja tem um efeito mais interessante.. voces viram ?

:D

[Paulo Mardson 1]

Só uma correção:

mousover por mouseover

$(document).ready(function(){

   $(body).mouseover(function(){ /* caso não funcione coloque '' aspas simples no $('body')*/
      $("#SUADIV").hide();
      $("#SUADIV").fadeIn(300);
   )};

});

Obs: O efeito da maçã é juntamente com css e animação é feita com a função animate() jquery... =) vlw?!

[Lucas Vida 0]

Bacana Paulo!

 

Brigadão pela dica, tem página que uso sim!

 

Vou testar e depois posto os results!

 

Abs

[Lucas Vida 0]

O efeito da maçã em homenagem ao Newtom foi muito bacana, por acaso você teria um tuto mais detalhado?

 

Obrigado

 

Abs

[Paulo Mardson 1]

Dá uma olhada na documentação jQuery é muito simples e possui vários exemplos!

http://docs.jquery.com/Effects