Casa da Cacau
  Belas Coisas da Vida
  Arione Torres
  Nilson Barcelli
  Ilha da Lindalva
  Tantas Palavras
  Rubia Artes
  Eliane Lacerda
  Juliana Rosa
  Mary Help
  Ale-bordados e croche
  Suavidad
  Célia Lima.
  Márcia
  Moon Girl
   Gracita
  Nuestra Amizade
  Blue Sapphire
  Lucia Haddad
  Pérola
  Meus rabiscos- Célia(2ºblog)
  BOL - E-mail
  Blogosfera
  Lemon guest book
  123 Livro de visitas
  Magia Gifs
  cursores 4u


 

 
 

  Todas as mensagens
  Citação
  Poesias
  Frases e pensamentos
  Tutorias
  Fotos


 

   

   


 
 
Cláudia Forte



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!!! ( )



Categoria: Tutorias
Escrito por Cláudia Forte às 14h02
[   ] [ envie esta mensagem ] [ ]





[ página principal ] [ ver mensagens anteriores ]