O Gravity do Google é um exemplo divertido de HTML5 que permite ao internauta literalmente brincar com os resultados de suas pesquisas.
Esse efeito na verdade é criado por um aplicativo JavaScript GPL, seu fonte esta disponível no Google Code.
Você pode implementar o efeito gravity em qualquer página HTML em poucos passos:
1- baixe o arquivo gravityscript.rar e extraia o arquivo “gravityscript.js” para uma pasta do seu servidor
(Esse arquivo foi adaptado pelo Ankit a partir do original);
(Esse arquivo foi adaptado pelo Ankit a partir do original);
2- Coloque a tag class=”box2d” aos elementos HTML que deseja adicionar o efeito;
3- Agora, logo após os elementos que receberão o gravity inclua no seu código os scripts: Google APIe gravityscript.js, como no exemplo abaixo (exatamente nessa ordem):
<script src=”http://www.google.com/uds/api?file=uds.js&v=0.1″ type=”text/javascript”></script>
<script src=”http://exemplo.com.br/gravityscript.js”></script>
<script src=”http://exemplo.com.br/gravityscript.js”></script>
Veja nosso exemplo online aqui.
Fonte Rotina Digital
Nenhum comentário:
Postar um comentário