Curioso efecto de texto con Javascript
Escrito por J.F. el Martes, 20 de Noviembre del 2007 a las 15:28
Un script que encontré por internet bastante interesante, con un efecto de neón que va cambiando el color de las letras. Aquí tienes el código para generar el efecto de texto:
JavaScript:
-
<html>
-
<body>
-
<h2>
-
<script language="JavaScript1.2">
-
-
/*
-
Neon Lights Text
-
By JavaScript Kit (http://javascriptkit.com)
-
Over 400+ free scripts here!
-
*/
-
-
var message="Saludos desde Solo Código"
-
var neonbasecolor="gray"
-
var neontextcolor="navy"
-
var flashspeed=100 //in milliseconds
-
-
///No need to edit below this line/////
-
-
var n=0
-
if (document.all||document.getElementById){
-
document.write('<font color="'+neonbasecolor+'">')
-
for (m=0;m<message.length;m++)
-
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
-
document.write('</font>')
-
}
-
else
-
document.write(message)
-
-
function crossref(number){
-
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
-
return crossobj
-
}
-
-
function neon(){
-
-
//Change all letters to base color
-
if (n==0){
-
for (m=0;m<message.length;m++)
-
//eval("document.all.neonlight"+m).style.color=neonbasecolor
-
crossref(m).style.color=neonbasecolor
-
}
-
-
//cycle through and change individual letters to neon color
-
crossref(n).style.color=neontextcolor
-
-
if (n<message.length-1)
-
n++
-
else{
-
n=0
-
clearInterval(flashing)
-
setTimeout("beginneon()",1500)
-
return
-
}
-
}
-
-
function beginneon(){
-
if (document.all||document.getElementById)
-
flashing=setInterval("neon()",flashspeed)
-
}
-
beginneon()
-
-
</script>
-
</h2>
-
</body>
-
</html>
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
2 Comentarios
Entradas relacionadas
Comentario de Sergio
Realizado el Viernes, 23 de Noviembre del 2007 a las 23:26
¿y no pones un ejemplo de como quedaría el texto con efecto neón?
Comentario de J.F.
Realizado el Sábado, 24 de Noviembre del 2007 a las 16:01
Tienes todo el código, simplemente le das a texto plano, copias, pegas y le llamas lo_que_quieras.html.
Saludos.
Escribir un comentario
