.Carpe Diem: Ir ao topo com efeito deslizante!

04 fevereiro, 2012

Ir ao topo com efeito deslizante!

 



Oi meus amores, vamos para mais um tuto?

Proucure pela tag </body> e antes dela, insira:

<script type="text/javascript">
    $(document).ready(function() {
       $('#subir').click(function(){
          $('html, body').animate({scrollTop:0}, 'slow');
      return false;
         });
     });
</script>
Agora, procure por </head> e como anteriormente, ANTES dessa tag insira:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
Agora, insira o código do efeito deslizante aonde quiser.
<a href="#" id="subir"><img src="URL_DA_IMAGEM"/></a> 
Caso queira um texto no lugar da imagem, substitua o código em vermelho pelo texto desejado. É pessoal, por hoje é isso. Espero que tenham curtido o tutorial!

Creditos: Place Fame

Nenhum comentário:

Related Posts Plugin for WordPress, Blogger...