Texto intermitente cruz navegador

Quiero hacer un texto intermitente.

Primero probé la etiqueta HTML , pero solo es compatible con Mozilla Firefox.

Entonces probé CSS:

  .blink {text-decoration: blink; }  

No está funcionando en IE 6.

Entonces probé javascript:

  function doBlink() { // Blink, Blink, Blink... var blink = document.all.tags("BLINK") for (var i=0; i < blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" } function startBlink() { if (document.all) setInterval("doBlink()",500) } window.onload = startBlink;  

Ahora no está funcionando en Safari o Chrome.

¿Alguien puede ayudarme a usar texto intermitente que se ejecutará en todos los navegadores populares diferentes? (IE 6, Mozilla Firefox, Google Chrome Safari, Opera).

Esto se puede lograr con CSS3 como tal

 @-webkit-keyframes blink { from { opacity: 1.0; } to { opacity: 0.0; } } blink { -webkit-animation-name: blink; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0); -webkit-animation-duration: 1s; } 

Incluso tiene un bonito efecto de fundido. Funciona bien en Safari, pero Chrome llora un poco por dentro.

La etiqueta parpadeante del navegador / navegador heredado …

HTML

   ULTIMATE BLINK TAG!   

CSS

 blink { -webkit-animation: blink 1s steps(5, start) infinite; -moz-animation: blink 1s steps(5, start) infinite; -o-animation: blink 1s steps(5, start) infinite; animation: blink 1s steps(5, start) infinite; } @-webkit-keyframes blink { to { visibility: hidden; } } @-moz-keyframes blink { to { visibility: hidden; } } @-o-keyframes blink { to { visibility: hidden; } } @keyframes blink { to { visibility: hidden; } } 
 var el = $(".blink"); setInterval(function() {el.toggle()}, 500); 

Implementación simple de jquery, siéntase libre de extenderse para satisfacer sus necesidades http://jsfiddle.net/L69yj/

 var element = $(".blink"); var shown = true; setInterval(toggle, 500); function toggle() { if(shown) { element.hide(); shown = false; } else { element.show(); shown = true; } } 

Prueba esto jQuery

 function blinks(hide) { if (hide === 1) { $('.blink').show(); hide = 0; } else { $('.blink').hide(); hide = 1; } setTimeout("blinks("+hide+")", 400); } $(document).ready(function(){ blinks(1); }); 

Nota: incluya el archivo jquery y asigne un nombre de clase ‘blink’ al elemento que desea parpadear.

Consejo: .show () y .hide () no reserva el ancho y alto del elemento … Si necesita ocultar el elemento, pero no su lugar (dimensiones) en el documento, use .css (” visibilidad “,” oculto o visible “) en su lugar.

Funciona en IE 10, Firefox 23.0.1, Google Chrome 29.0, Opera 16.0

 blink(0.7); function blink(speed) { if (speed) { if (document.getElementsByTagName('blink')) setInterval("blink()", speed*2000); return; } var blink = document.getElementsByTagName('blink'); for (var i=0; i 
   

Está funcionando sin problemas en todos los navegadores … Inténtalo, funcionará

     

También puedes usar esto:

 function blinkIt() { if (!document.all) return; else { for(i=0;i 

Puede usar un temporizador en lugar de usar la etiqueta. He probado esto en IE7 y Firefox. Ambos navegadores permiten esto, sin embargo, Chrome no funciona correctamente. Espero que tengas la respuesta.

Esto funciona genial:

   Blinking Text  

Se ve realmente como la versión anterior, además se usa igual.

Este no es mi código, pero funciona bien en nuestro sitio web. El único problema es que funciona si está incluido en el html pero no cuando se lo menciona como un script separado.