relojes blogs

1.2.12

Flechas "Ir arriba y abajo" efecto deslizante sin jquery


Comparte esta historia en:

Hola! Si habéis observado, me gusta poner casi siempre unos botones o flechas "Ir arriba e ir abajo" para facilitar la navegación de los usuarios... bueno y porque me gusta. La mayoría de veces tomaba el código que tiene puesto el Potro en su magnífico blog, Ciudad Blogger (desde aquí le deseamos suerte en los premios 20minutos.es). Pues bien, hace poco tiempo buscando de nuevo el código para ponerlo en esta nueva plantilla me encontré con webmastercv, un blog que no había visitado antes y que me pareció muy interesante.

Allí estaba este código que no había visto nunca, botones "ir arriba y abajo" con efecto deslizante sin utilizar jquery. Me llamó la atención y lo coloqué en el blog (Lo podéis ver en la parte inferior derecha).

Para poner el truco en vuestro blog/web simplemente insertamos el siguiente código en la sidebar mediante "Widget/HTML"

<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="URL DEL BOTON IR ABAJO"/></a>
<a style="display:scroll;position:fixed;
bottom:40px;right:10px;" onmouseover="subir()" onmouseout="stopScroll()" href="" title="
Ir Arriba"><img src="URL DEL BOTON IR ARRIBA"/></a>

Inserta las urls de las imágenes y listo, espero que os vaya tan bien como a mi.

enlace



Estado del blog

entradas
comentarios
1.467 followers
168 seguidores
 días online



Comentarios recientes

 
© Copyright 2009 - 2015 | Contacto | Seguir este blog | Sobre mi | Facebook | Twitter | LinkedIn | Mapa del sitio | Tienda | Conversor | RSS |

@duque71 2015