Mar / 16 / 2025 Dom 02:01:39 PM

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

502 entradas
394 comentarios
1.467 followers
168 seguidores
5744  días online



Comentarios recientes

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

@duque71 2018
Te gustó esta página?