[JavaScript][MEDIO] Destello de colores sobre los enlaces

Iniciado por ANTRAX, Febrero 24, 2010, 11:21:17 AM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario
Febrero 24, 2010, 11:21:17 AM Ultima modificación: Abril 18, 2014, 11:43:00 AM por Expermicid
Con este script podrás crear efectos de destellos en varios colores en aquellos enlaces sobre los que desees llamar la atención

Código: javascript
<html>

<head>
<title>Destellos de colores en los enlaces</title>
<script language="JavaScript">
var ok=150 //delay time in milliseconds
var color=0

function rain()
{
color=color+1;
if(color==1){document.linkColor='red';}
if(color==1){document.vlinkColor='red';}
if(color==1){document.alinkColor='red'; setTimeout("rain();",ok);}

if(color==2){document.linkColor='orange';}
if(color==2){document.vlinkColor='orange';}
if(color==2){document.alinkColor='orange'; setTimeout("rain();",ok);}

if(color==3){document.linkColor='yellow';}
if(color==3){document.vlinkColor='yellow';}
if(color==3){document.alinkColor='yellow'; setTimeout("rain();",ok);}

if(color==4){document.linkColor='green';}
if(color==4){document.vlinkColor='green';}
if(color==4){document.alinkColor='green'; setTimeout("rain();",ok);}

if(color==5){document.linkColor='blue';}
if(color==5){document.vlinkColor='blue';}
if(color==5){document.alinkColor='blue'; setTimeout("rain();",ok);}

if(color==6){document.linkColor='A209F4';}
if(color==6){document.vlinkColor='A209F4';}
if(color==6){document.alinkColor='A209F4'; setTimeout("rain();",ok);}

if(color==7){document.linkColor='purple';}
if(color==7){document.vlinkColor='purple';}
if(color==7){document.alinkColor='purple'; setTimeout("rain();",ok);}

if(color==8){document.linkColor='pink';}
if(color==8){document.vlinkColor='pink';}
if(color==8){document.alinkColor='pink'; setTimeout("rain();",ok);}

if(color==9){color=0; setTimeout("rain();",ok);}
}
setTimeout("rain();",ok);
</script>
</head>

<body>

<a href="http://www.uterra.com">JavaScript</a> <br>
<a href="http://www.uterra.com">Curso de diseño Web</a><br>
<a href="http://www.uterra.com">Juegos</a>

</body>

</html>

Febrero 02, 2011, 05:40:35 PM #1
gracias antrax, de mucha utilidad ahora que estoy por enmezar un nuevo proyecto
Febrero 02, 2011, 07:25:41 PM #2
No me funca en firefox solo en bugs-explorer

Veo Una Energia Que Con Deceo de Justicia... Veo Mas Alla de LAs Letras Escritas...
Veo Un Hacktivismo Puro... Nacido De lo Mas Profundo De un Corazon..
Con La Mirada Firme En Defender Mis Ideales...

Febrero 02, 2011, 11:47:07 PM #3
No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
No me funca en firefox solo en bugs-explorer

Acabo de probarlo en Zafari, Chrome, Firefox, Opera y IE y funciona.
El caso que me ocurre a mi en el Firefox es que hace el efecto, pero al finalizar no vuelve a empezar.
Revise el código igualmente en vano, ya que no esta en el código el problema, sino en el mismísimo navegador...
Imprimir
Ir Arriba Páginas1
Acciones del Usuario