Início dicas funcão subir com efeito em Jquery

funcão subir com efeito em Jquery

21
0
COMPARTILHAR

hoje com o nosso jquery vamos fazer uma função para quando o usuario do site estiver na navegação lá embaixo como no rodapé seja la o que for preocurando alguma informação ou só por analisar o site mesmo quando ele clicar num link , no caso numa imagem a página irá subir até o topo não diretamente com aquela subida rápida e feia e ainda aparece o link na url do site exemplo

www.maria.com.br/#topo rs acho ruim isso por isso usaremos Jquery de uma forma mais Suave digamos assim então vamos lá :

copie esses plugins jquery e cole ai na sua página

<script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script>
<script src=”http://code.jquery.com/jquery-1.9.0.js”></script>

agora lá no finzinho da página vamos ao Html :

<a href=”javascript:toTop();” title=”Para o alto, e avante!” /><img src=”images/topo.png” align=”center” /></a>

no caso estaremos utilizando uma imagem para exibir o botão subir.

bom agora vem a função né , então vamos a ela.

<script>

function toTop(){ // chama a função topo
$(‘html, body’).animate({ // cria a animação
scrollTop: 0 // sobe
}, 1000, ‘linear’); // tempo para subir
}

</script>

Bom galera é isso espero que tenha gostado esses plugins e esse codigo javascript nao precisam ser colocados antes da tag </head> e sim la no final da pagina.

Até!!!

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here

CommentLuv badge