Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Texto con Efectos

RÓTULO LUMINOSO

Ejemplo del Javascript:

Código fuente ( Haz Click en la ventana para Seleccionarlo Todo ):

Coloca el codigo entre las etiquetas [BODY] y [/BODY]

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
text = "CÓDIGO WEB"; // Titulo
color1 = "#00B3B3"; // Color Original
color2 = "#00FFFF"; // Color cambiante
fontsize = "7"; // Tamaño de la fuente 
speed = 200; // Velocidad del efecto 
// tiempo en milisegundos, (i.e. 1000 = 1 segundo)

i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer><br><br><br>");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor() {
if (navigator.appName == "Netscape") {
document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i) {
document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>");
}
else {
document.a.document.write(text.charAt(j));
}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++; // reset after going through all letters
}
setInterval("changeCharColor()", speed);
// End -->
</script>

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Texto con Efectos