Seta para o topo com efeito
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:
Abra o seu HTML e procure por </head>
Acima dessa tag cole o seguinte código:
<style>Créditos-> QS (www)
#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: 'easeOutQuart' });
</script>
Simples e últil esse tuto ^^
ResponderExcluirhttp://jovenclube.blogspot.com/
Ótimo tutorial, simples e fácil de utilizá-lo, pois estava mesmo precisando... Valeu ^^
ResponderExcluirAbraços,
Revolução Nerd