Un texto que late como un corazón

Dele vida a su sitio otorgándole un corazón. Este pequeño programa DHTML muestra y anima un halo coloreado alrededor de sus titulos.

Internet

A medium that moves



Coloque este script en el lugar de su página donde desee que aparezca el título:

<span id="TexteBat" style="width:100%">
<h1>Your text</h1>
</span>
</center>
<script>
<!--
var from = 4;
var to = 12;
var delay = 55;
var glowColor = "#00FF00";
var i = to;
var j = 0;

textPulseDown();

function textPulseUp()
   {
   if (!document.all)
      return
   if (i < to)
      {
      TexteBat.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
      i++;
      theTimeout = setTimeout('textPulseUp()',delay);
      return 0;
      }

   if (i = to)
      {
      theTimeout = setTimeout('textPulseDown()',delay);
      return 0;
      }
   }

function textPulseDown()
   {
   if (!document.all)
      return
   if (i > from)
      {
      TexteBat.style.filter = "Glow(Color=" + glowColor + ", Strength=" + i + ")";
      i--;
      theTimeout = setTimeout('textPulseDown()',delay);
      return 0;
      }
   if (i = from)
      {
      theTimeout = setTimeout('textPulseUp()',delay);
      return 0;
      }
   }
//-->
</script>

Puede personalizar este script de la siguiente manera:

  • Especifique el tamaño mínimo que desee para el halo alrededor del texto (from = 4;) y su tamaño máximo (to = 12;).

  • Determine la velocidad a la que desee que el texto lata (delay = 55;).

  • Especifique el color del contorno (glowColor = "#00FF00";).

  • Para ello, puede utilizar el código hexadecimal de color o el nombre HTML (blue, lime...).

Compatibilidad Este script sólo trabaja con Internet Explorer.