1° Coloque o código abaixo antes de ]]></b:skin>
/* to top */ #toTop { height:27px; /* Altura do botão */ width:85px; /* Largura do botão */ background: #ffffff; /* Cor do botão */ border:1px solid #000; /* Cor da borda */ text-align:center; /* Alinhamento do texto */ Padding: 5px; /* Distância entre texto e borda */ position:fixed; /* Posição que faz com que ele corra por toda a página */ bottom:5px; right:5px; cursor:pointer; color#000000; /* Cor da letra */ text-decoration:none; font-weight:700; /* Tamanho da letra */ -moz-border-radius:5px; /* Definições para o angulo do botão */ -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
2° Cole o código abaixo antes de </body>
<a href='#' id='toTop'>▲ Voltar ao Topo</a> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(function(){$.fn.scrollToTop=function() {$(this).hide().removeAttr("href");if ($(window).scrollTop() !=%quot;0") {$(this).fadeIn("slow")}var scrollDiv= $(this);$(window).scroll(function(){if ($(window).scrollTop()=="0") {$(scrollDiv).fadeOut("slow")}else {$(scrollDiv).fadeIn("slow")}}); $(this).click(function(){$("html,body").animate ({scrollTop:0},"slow")})}}); $(function() { $("#toTop").scrollToTop(); }); </script>
Tutorial por: GCriation
Nenhum comentário:
Postar um comentário