Sres. tengo el siguiente codigo:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> (function() {
setInterval(function(){
var el = document.getElementById('blink');
if(el.className == 'luz'){
el.className = 'luz on';
}else{
el.className = 'luz';
}
},500);
})();
(function() {
setInterval(function(){
var el = document.getElementById(idElemento);
if(el.className == 'luz'){
el.className = 'luz on';
}else{
el.className = 'luz';
}
},500);
})();
.luz.on{
color: #FF0000;/*color del texto al cambiar*/
text-shadow: 1px 1px rgba(255, 255, 255, .1),
-1px -1px rgba(0, 0, 0, .88),
0px 0px 20px #0099ff;/*color de la luz del texto*/
}
.luz{
font-size:11pt;;/*tamaño de la fuente*/
color: #000000;
/* text-shadow:
1px 1px rgba(255, 255, 255, .1),
-1px -1px rgba(0, 0, 0, .88); */
}
<div class="luz" id="blink"><b>Tu texto aqui
</b></div> <div class="luz" id="blink"><b>Tu texto aqui2
</b></div>
El cual me sirve para mostrar un efecto de parpadeo de letras, pero solo funciona en el primer DIV y ya no en el segundo, como puedo hacer para q funcione tb en el segundo div.
gracias y saludos