Underc0de - Hacking y seguridad informática

Programación Web => Zona Webmaster => Mensaje iniciado por: ANTRAX en Febrero 24, 2010, 11:14:30 am

Título: [JavaScript][MEDIO] Script ''cambia el color letra a letra''
Publicado por: ANTRAX 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>