Javascript - Cambio de color de enlaces en segundos
Códigos Javascript
Para dar un poco mas de vida anuestras paginas est script consigue que en un intervalo de tiempo el color de nuestros enlaces varien.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Debemos modificar la linea Delay = 2 por el tiempo que queremos que tarde en cambiar de color
y la linea var colors con los colores aleatorios que queramos
CODIGO
# Codigo ofrecido por Tutores.org
- <head>
- <script language="JavaScript">
- function initArray() {
- for (var i = 0; i < initArray.arguments.length; i++) {
- this[i] = initArray.arguments[i];
- }
- this.length = initArray.arguments.length;
- }
- var colors = new initArray("red","blue","green","purple","black","tan","red","navy","yellow","white","navy");
- delay = 2;
- link = 0;
- vlink = 2;
- function linkDance() {
- link = (link+1)%colors.length;
- vlink = (vlink+1)%colors.length;
- document.linkColor = colors[link];
- document.vlinkColor = colors[vlink];
- setTimeout("linkDance()",delay*1000);
- }
- linkDance();
- </script>
- </head>
- <body bgcolor="#ffffff"><br><br><br>
- <center><font size="+1"><A HREF="#"onmouseOver="self.status='estos serian los enlaces !!!';return true;">
- Varia el color por segundos </A></font></center> <BR><BR><BR>
- <center><font size="+1"><A HREF="#/"onmouseOver="self.status='estos serian los enlaces !!!';return true;">
- Animando nuestra web </A></font></center><BR><BR><BR>
- <center><font size="+1"><A HREF="#/"onmouseOver="self.status='estos serian los enlaces !!!';return true;">
- Que te parece este codigo ofrecido </A></font></center><BR><BR><BR>
- <center><font size="+1"><A HREF="#/"onmouseOver="self.status='estos serian los enlaces !!!';return true;">
- por tutores.org </A></font></center><BR><BR><BR>
- </body>
- </html>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Cambio de color de enlaces en segundos" href="http://www.tutores.org/codigo/894/" target="_blank">Cambio de color de enlaces en segundos</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Cambio de color de enlaces en segundos" href="http://www.tutores.org/codigo/894/" target="_blank">Cambio de color de enlaces en segundos</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS