19 de set de 2012

Seta para o topo com efeito

Tumblr_mao6g7pedk1rfqxfqo1_500_large
Hooy , primeiramente queria me desculpar por ficar dois dias sem postar aqui mais não foi nada sério não só foi falta de inspiração mesmo então hoje trouxe um tutorial mega simples pra vocês .
Abra o seu HTML e procure por </head>
Acima dessa tag cole o seguinte código:

<style>
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:-5px;
right:-5px;
overflow:hidden;
width:100px;
height:100px;
border:none;
text-indent:-999px;
background:url(URL_DA_IMAGEM) no-repeat left top;z-index:3000;}
#toTop:active, #toTop:focus {outline:none;}#toTop:active, #toTop:focus {outline:none;}</style>
<script charset='utf-8' src='http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js' type='text/javascript'/>
<script src='http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js' type='text/javascript'/>
<script src='http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$().UItoTop({ easingType: &#39;easeOutQuart&#39; });
</script>
Créditos-> QS (www)  

2 comentários:

  1. Simples e últil esse tuto ^^

    http://jovenclube.blogspot.com/

    ResponderExcluir
  2. Ótimo tutorial, simples e fácil de utilizá-lo, pois estava mesmo precisando... Valeu ^^

    Abraços,
    Revolução Nerd

    ResponderExcluir