Voltar ao topo deslizante

Genki desu ka?

Meu deus! Eu julgava que já tinha postado este tutorial há imenso tempo, mas afinal distraí-me!... De qualquer modo, hoje em dia é muito pouco usado, mas eu acho que é útil, e fica sempre bem. Pelo menos, se não exagerarem no tamanho da imagem. É um tutorial de voltar ao topo, não repentinamente, mas com deslize rápido. Visualizem aqui, é só clicar na setinha ao canto: www

Ora, este tutorial em particular não poderia ser mais meu. É uma longa história, pois todos os tutoriais que eu tentava de voltar ao topo deslizante não resultavam comigo, mesmo que resultassem com muitas pessoas. Então eu dediquei-me a misturar vários tutoriais de voltar ao topo, e deu nisto. É um pouco mais rápido que o deslizar normal, e não sei se todos os blogs são compatíveis, mas até agora sempre funcionou comigo, e nunca ninguém se queixou dele. 

Procure por:

</body>

Acima, cole o seguinte código:

<script type="text/javascript">

$(document).ready(function() {

$('#subir').click(function(){

$('html, body').animate({scrollTop:0}, 'slow');

return false;

});

});

</script><div style='float:right;'>

<a href='#' id='subir'>

<img src='URL-DA-IMAGEM' style='display:scroll; position: fixed; bottom: 5px; right: 5px;' title='Voltar ao Topo da Página'/> 

</a> 

</div>

Altere a url da imagem, as margens (se quiser) em "bottom" e "right", e também pode alterar o texto da tooltip, onde diz "Voltar ao topo da página".

Agora procure por:

</head>

Acima cole:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

Apenas isto. Rápido, e que funciona. Há muitas setinhas de topo por aí, por isso não pretendo disponibilizar.