De una forma muy sencilla, con un simple scrip, puedes dar este efecto muy original a tus enlaces.
Ejemplo:

AQUI

 Descarga el archivo scrollovers.js

 

LLamas el scrip entre los tags head

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

Añades los siguientes codigos a la css:

a.scrollover {
 /* Default Colour/Styles here */
 color: #DAE0D2;
 }
 a.scrollover em:first-line {
 /* Rollover Colour/Styles here */
 color: #4b4ddd;
 }

Y el siguiente codigo en los enlaces que quieras que aparezca el efecto:

<a href=”http://www.xanarts.com/” class=”scrollover” type=”scrollover”>:: La Buhardilla Pixel ::</a>

 

Este efecto es compatible: Firefox 2.0, Internet Explorer 7, Internet Explorer 6, Internet Explorer 5.5, Safari 3 (Windows) y Opera 9

Fuente: www.scrollovers.com

-

 

 

Related posts:

  1. Efecto envejecimiento en tus gráficos
  2. Agregar a favoritos con Javascrip en IE y Firefox
  3. Tutorial, postal animada con efecto antiguo,Paint Shop Pro
  4. Efecto lluvia, tutorial Paint Shop Pro
  5. HTML/Listado

6 Respuesta a “Efecto Scrollovers para tus enlaces”

Comentarios (5) Trackbacks (1)
  1. Gracias por los codigos me seran de mucha utilidad.

  2. Ta chuli, ya me dirás jefa si lo has probado y no da problemas.

    Último post en la Web de …Triana…Nuevo Tutorial en La Buhardilla.

  3. Que originallllll esta estooooooooo graciassss :46:

    Último post en la Web de …Lola…Vicente Blasco Ibáñez

  4. Se ve super el efecto!, gracias Xana :27:

  5. Que bueno está!!!!!! Como siempre trayendo novedades fantásticas!ª!!! :grin:

Deja Un Despiste

(required)

(required)

Puedes utilizar estas etiquetas HTML y atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

© 2012 La Buhardilla Pixel Suffusion theme by Sayontan Sinha