Rolar página e topo do blog


Olá bandigotojas(os)!!!

Hoje vou de tutorial!

Consegui através de pesquisa um código que possibilita utilizar setas para rolar a página para baixo e para cima

juntamente com ir ao topo, e venho através desta postagem compartilhar com vocês.

É um código bem simples que aprimorei, pois o q eu consegui ficava descentralizado. Segue abaixo:

Aqui estão as imagens q você pode usar como base para criar a de vocês.

Veja o exemplo de como fica na página, clique na imagem abaixo

Agora o código:

 <script language="JavaScript">
    function cima() {
    window.scrollBy(0,10); // velocidade para cima
    scrolldelay = setTimeout('cima()',100); // tempo da rolagem
    }
function baixo() {
window.scrollBy(0,-10); // velocidade para baixo
scrolldelay = setTimeout('baixo()',100); // tempo da rolagem
}

function stopScroll() {
clearTimeout(scrolldelay); // para o rolar ao tirar o cursor do link
}

</script>

<a style="display:scroll;position:fixed;bottom:45px;right:8px;" href="#" title="TOPO"><img src="http://i172.photobucket.com/albums/w2/claudiahforte/florTopo_zps75e91108.png"/></a>

<a style="display:scroll;position:fixed;bottom:10px;right:20px;" onmouseover="cima()" onmouseout="stopScroll()" href="" title="Rolar para baixo"><img src="http://i172.photobucket.com/albums/w2/claudiahforte/b2topo_zpsfa266240.png"/></a>


<a style="display:scroll;position:fixed;;bottom:100px;right:20px;" onmouseover="baixo()" onmouseout="stopScroll()" href="" title="Rolar para cima"><img src="http://i172.photobucket.com/albums/w2/claudiahforte/b3topo_zps4e373e9e.png"/></a>



Prontinho. Agora você cria as imagens que gostaria que aparecessem no seu cantinho. Use a criatividade!!!

Aqui aonde eu moro está chovendo bastante, graças a Deus! Por este motivo, a minha internet(vivo) está dando um certo pitty (,),

se eu ainda não fui visitar a todos os(as) blogamigos(as) é por conta disso, mas vou chegando a casinha de vocês aos poucos, ok?

Um enorme beijo e espero que tenham gostado do código!!! ( )



Postado por: Cláudia Forte às 14h02



Comentário aprovado, será publicado.

 





Página principal Veja Mais

 


casadacacau@bol.com.br



Translate Blog





Para ouvir clique play







Leve-me com você!





Para entrar clique no cantinho das florzinhas!





CONTADOR DO UOL




Clique aqui e visite meu Blog







16/04/2017 a 22/04/2017

12/02/2017 a 18/02/2017

19/06/2016 a 25/06/2016

05/06/2016 a 11/06/2016

22/05/2016 a 28/05/2016

17/04/2016 a 23/04/2016

10/04/2016 a 16/04/2016

06/03/2016 a 12/03/2016

28/02/2016 a 05/03/2016

13/12/2015 a 19/12/2015

25/10/2015 a 31/10/2015

30/08/2015 a 05/09/2015

14/06/2015 a 20/06/2015

31/05/2015 a 06/06/2015

17/05/2015 a 23/05/2015

03/05/2015 a 09/05/2015

19/04/2015 a 25/04/2015

12/04/2015 a 18/04/2015

05/04/2015 a 11/04/2015

29/03/2015 a 04/04/2015

22/03/2015 a 28/03/2015

15/03/2015 a 21/03/2015

08/03/2015 a 14/03/2015

01/03/2015 a 07/03/2015

22/02/2015 a 28/02/2015

15/02/2015 a 21/02/2015

08/02/2015 a 14/02/2015

01/02/2015 a 07/02/2015

25/01/2015 a 31/01/2015

18/01/2015 a 24/01/2015

11/01/2015 a 17/01/2015

04/01/2015 a 10/01/2015

28/12/2014 a 03/01/2015

21/12/2014 a 27/12/2014

14/12/2014 a 20/12/2014

30/11/2014 a 06/12/2014