Rollover con scroll usando CSS y Javascript.

20 11 2007

Navengando por ahí, he encontrado un sencillo código que se encarga de transformar nuestros links en vistos rollovers con scroll. Estos son los pasos a seguir:

(1.) – Descargar el javascript scrollovers.js
(2.) – Colocar las siguientes líneas de código dentro de nuestra etiqueta <head>:
<script type=“text/javascript” src=“scrollovers.js”></script>
<style type=“text/css”>
/* Estado normal */
a.scrollover {
color: #557AFF;
}
/* Estado Over */
a.scrollover em:first-line {
color: #FF5B3C;
}
</style>

(3.) – Una vez hemos enlazado con el .js y hemos creado los estilos, sólo nos queda aplicar los estilos a nuestros links:

<a href=“mi_ejemplo.html” class=“scrollover” type=“scrollover”>Home</a>

Puedes ver un ejemplo aquí.

::-Dunker-::


Acciones

Información

Deja un comentario