La primera forma lo pueden ver en esta entrada.
Acá les voy a mostrar otra forma.
Código:(poner antes de </body>)
<script language="JavaScript">
function abajo() {
window.scrollBy(0,20); // velocidad abajo
scrolldelay = setTimeout('abajo()',100); // tiempo
}
function subir() {
window.scrollBy(0,-20); // velocidad subir
scrolldelay = setTimeout('subir()',100); // tiempo
}
function stopScroll() {
clearTimeout(scrolldelay);
}
</script>
<a style="display:scroll;position:fixed;bottom:10px;right:10px;" onmouseover="abajo()" onmouseout="stopScroll()" href="" title="Ir Abajo"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnoq-eDvtCU-C15nFSQOsTTrQDGFmKg294dteZGfUOOMBsQrto-uRYCbaf5AG3bRXRZVID5nEUhlwU_NVlGYHygjT5RRXdhw7kuXi4fBWCb-tWvQOHolK3CYLTh5XchT4hVxig3MGVGOiT/s200/fabajo.png"/></a>
<a style="display:scroll;position:fixed;bottom:40px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="Ir Arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZiEVBApYaYQcYdJ_WpfIeot19tuUe0DiqGu_y-XuS_YNVz7lccYnoo2-SVW2-M4K2wIKsw8UbFppjlEElElnZTe48v-wKySWeodUgA8fuZwgt5FbyEgpBZZ27nH-4UM__Z9T58be98cOw/s200/farriba.png"/></a>
Cambiar la Url y la distancia de las imágenes de ir arriba e ir abajo.
Pueden ver el ejemplo en esta página.
Leer Importante...
Enlaza el blog ...
Ultimos comentarios
Muy buen truco!!!
De momento lo he puesto en un blog de pruebas :6)
Muchos saludos y felicidades por tu magnifico blog :D!!!
:29) Gracias Javier!!!
outro grande aporte ...me gusta este sitio :19)
hola de nuevo.
este sitio me gusta cada vez mas.
ya que vi que mostrabas lo de subir y bajar.
queria saber como es que pusiste todos estos botos abajo a la isquierda en tu sitio.
me refiero al de buscar, al entrada nueva/antigua y los de subir y bajar.
me parecio muy elegante la forma en que usiste todos bien ordenados.
seria genial saber como hacerlo.
y tambien queria saber si se puede poner toda esa barra abajo al centro, en vez de que sea abajo en una esquina.
bueno, de nuevo, muchas gracias
Gracias EpideMia
Lo de buscar es muy difícil de explicar.
Lo de subir y bajar es este código y le agregué un efecto al hacer clic con Scriptaculous.
http://loseasi.blogspot.com/2010/03/ir-arriba-centro-y-abajo-con-efecto.html
Lo otro esta en esta entrada:
http://loseasi.blogspot.com/2011/01/entradas-antiguas-inicio-y-entradas.html
Lee los comentarios de esa entrada.
Y para poner al centro hay que modificar el right o probar con text-align:center
Hola Vku, me podrias echar una mano para agregar a mi blog las flechas que usas tu? solamente las flechas que señalan a la izquierda, inicio, izquierda, para ir a las entradas o posts anteriores o siguientes.
Gracias...!
En esta entrada: http://loseasi.blogspot.com/2011/01/entradas-antiguas-inicio-y-entradas.html
Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.
Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.
Nota: solo los miembros de este blog pueden publicar comentarios.