09/11/2014

Botão Voltar ao Topo com Efeito

Quem não ama Botões de Subir Eu adooorrooo,e trouxe para vocês uns fofos e outros da minha BoyBand Favorita One Direction espero que gostem Gominhas >.<


-------------------------------------------------------------------------------------
Copie o código abaixo, cole antes de
</Head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script> 


-------------------------------------------------------------------------------------
Agora copie o código abaixo, cole antes de
]]></b:skin>

   /* Botao subir
----------------------------------------------- */
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}

#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(ENDEREÇO DA IMAGEM)no-repeat center center;   
}  


-------------------------------------------------------------------------------------
Por ultimo copie o código abaixo cole antes de
 </body> e salve 

<div id='IrArriba'>
<a href='#Arriba'><span/></a>
</div>
<script type='text/javascript'>
//<![CDATA[
// Botón para Ir Arriba
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#IrArriba").hide();
jQuery(function () {
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 200) {
jQuery('#IrArriba').fadeIn();
} else {
jQuery('#IrArriba').fadeOut();
}
});
jQuery('#IrArriba a').click(function () {
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});

});
//]]>
</script>
 No lugar onde tem "LINK DA IMAGEM", você vai colocar o link da sua imagem

  

 


*    
----------------------------------------------------------------------------------

Nenhum comentário:

Postar um comentário