23 de maio de 2012

Indo ao topo com efeito deslizante(aprenda)

um delícia vontade de comer agora* ?Huuuum.*

Olá Gente!

um tutorial super bacana que eu sempre quis aprender, pois ele é a famosa seta de voltar ao topo do Tumblr, com efeito deslizante.
Proucure pela tag </body> e antes dela,coloque:
<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, coloque ANTES dessa tag isto:
<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.
By: Pfame

1 Opiniões:

  1. querida se eu quiser colocar do lado direito em baixo no canto do blog onde colocoo link da img??

    ResponderExcluir