Búsqueda personalizada

Scrollovers Una manera distinta de mostrar tus enlaces

Este sitio me lo pasó alguien que ni blog tiene pero le pareció curiosa la forma en que se mostraban los enlaces y luego lo leí más a fondo en WebmasterLibre.

Se trata de un pequeño script que hace como si tus enlaces se movieran hacia arriba ó hacia abajo dependiendo el estado del mouse.

Para hacerlo funcionar hay que descargarse este script , ahora lo mandan llamar entre sus tags head

JavaScript:

<script type=“text/javascript”
src=“http://www.Tusitioweb.com/js/scrollovers.js”></script>

Por último solo hay que añadirle la clase y type scrollovers al enlace que deseemos que haga este efecto.

HTML:

<a href=”http://www.xyberneticos.com/” class=”scrollover”
type=”scrollover”>
Xyberneticos</a>

La clase es para la CSS que podemos definir el estado normal y al pasar por el mouse.

CSS:

a.scrollover {
/* Default Colour/Styles here */
color: #AE00C2;
}
a.scrollover em:first-line {
/* Rollover Colour/Styles here */
color: #005D91;
}

Enlace | www.scrollovers.com

Publicado en Ajax | No comments

Déjanos tu comentario

Por favor, sea educado sobre el tema. Tu email no será publicado.

Novedades