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.