Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
JavaScript:LUZ NEON
#1
Bueno con este codigito podran animar un texto en neon muy lindo! Sonrisa

aca el cod:
Código PHP:
<script language="JavaScript1.2" type="text/javascript">


var 
message="AQUI TU PALABRA "
var neonbasecolor="blue"
var neontextcolor="red"
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

Saludos


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 167 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Linux Foundation respalda JavaScript Kiichi 3 191 03-11-2016, 03:43 AM
Último mensaje: habacuc78
  [Aporte] Curso básico de Javascript habacuc78 22 885 05-07-2016, 03:53 PM
Último mensaje: escuelasegura
  Trucos y efectos de Javascript para tu página web CarlosAlberto 0 412 05-01-2016, 03:51 PM
Último mensaje: CarlosAlberto
Sonrisa [Tutorial] Cómo utilizar Javascript para actualizar un Título R0bert0 0 337 05-12-2015, 10:07 PM
Último mensaje: R0bert0
Bombilla [Tutorial] Cómo utilizar Javascript para reproducir un archivo R0bert0 0 273 05-12-2015, 10:02 PM
Último mensaje: R0bert0
  [Tutorial] Calculadora sencilla en JavaScript luis.ml 3 422 21-09-2015, 12:03 PM
Último mensaje: riblier
  Ayuda con Contador en JavaScript alemagno 2 272 25-06-2015, 06:29 PM
Último mensaje: alemagno
  Caracteres especiales en javascript MikaCookies 4 512 09-03-2015, 01:41 AM
Último mensaje: MikaCookies
  Trucos Javascript canpios 4 393 30-01-2015, 06:17 AM
Último mensaje: garcon



Usuarios navegando en este tema: 1 invitado(s)