comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[JavaScript][MEDIO] Script ''cambia el color letra a letra''

  • 0 Respuestas
  • 1346 Vistas

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

Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5409
  • Actividad:
    20%
  • Reputación 33
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« en: Febrero 24, 2010, 11:14:30 am »
Este código te permite el cambio de color continuo de letras de manera sucesiva y continua..

Código: Javascript
  1. <html>
  2.  
  3. <head>
  4. <title>Texto que cambia de color letra a letra</title>
  5. </head>
  6.  
  7. <BODY bgcolor="#000000">
  8.  
  9. <SCRIPT LANGUAGE="JavaScript">
  10.  
  11. text = "UTERRA.COM"; // The text to scroll
  12. color1 = "blue"; // original text color
  13. color2 = "white"; // new character color
  14. fontsize = "8"; // font size of text
  15. speed = 200; // how fast to rotate to next character
  16. // time is in milliseconds, (i.e. 1000 = 1 second)
  17.  
  18. i = 0;
  19. if (navigator.appName == "Netscape") {
  20. document.write("<layer id=a visibility=show></layer><br><br><br>");
  21. }
  22. else {
  23. document.write("<div id=a></div>");
  24. }
  25. function changeCharColor()  {
  26. if (navigator.appName == "Netscape") {
  27. document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">");
  28. for (var j = 0; j < text.length; j++) {
  29. if(j == i) {
  30. document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>");
  31. }
  32. else {
  33. document.a.document.write(text.charAt(j));
  34.    }
  35. }
  36. document.a.document.write('</font></font></center>');
  37. document.a.document.close();
  38. }
  39. if (navigator.appName == "Microsoft Internet Explorer") {
  40. str = "<center><font size=" + fontsize + "><font color=" + color1 + ">";
  41. for (var j = 0; j < text.length; j++) {
  42. if( j == i) {
  43. str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>";
  44. }
  45. else {
  46. str += text.charAt(j);
  47.    }
  48. }
  49. str += "</font></font></center>";
  50. a.innerHTML = str;
  51. }
  52. (i == text.length) ? i=0 : i++; // reset after going through all letters
  53. }
  54. setInterval("changeCharColor()", speed);
  55. </script>
  56. </body>
  57.  
  58. </html>
« Última modificación: Abril 18, 2014, 11:24:14 am por Expermicid »


 

¿Te gustó el post? COMPARTILO!



[JavaScript] 4 clase: Datos Boleanos o Logicos, variables indefinidas o nulas

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1482
Último mensaje Febrero 24, 2010, 11:02:19 am
por ANTRAX
[JavaScript][BASICO] Resolver funciones matemáticas (Versión simple) By 2Fac3R

Iniciado por 2Fac3R

Respuestas: 0
Vistas: 1125
Último mensaje Diciembre 23, 2012, 12:55:06 am
por 2Fac3R
[JavaScript][AVANZADO] Trabajar con DOM desde Firefox e Internet Explorer

Iniciado por arthusu

Respuestas: 0
Vistas: 1609
Último mensaje Julio 16, 2011, 07:05:12 pm
por arthusu
[JavaScript] 5 clase: Funcion typeof y reasignacion dinamica de variables

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1649
Último mensaje Febrero 24, 2010, 11:03:06 am
por ANTRAX
Curso: JavaScript y jQuery [Crear Sitios y Apps Web]

Iniciado por Mr.Kratos

Respuestas: 0
Vistas: 433
Último mensaje Julio 27, 2018, 01:39:37 pm
por Mr.Kratos