Un testo che pulsa come un cuore

Fate vivere il vostro sito dandogli un cuore! Questo piccolo programma DHTML visualizza e anima una cornice colorata intorno ai titoli.

 

Internet

A medium that moves



Inserite questo script nella pagina nel punto in cui desiderate che sia visualizzato il titolo:

<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>

Potete personalizzare lo script nel modo seguente:

 
  • Specificate la dimensione minima della cornice che circonda il testo (from = 4;) e la sua dimensione massima(to = 12;).

     
  • Impostate la velocità di pulsazione desiderata del testo (delay = 55;).

     
  • Specificate il colore della cornice(glowColor = "#00FF00";).

    Per fare questo, utilizzate il codice esadecimale del colore o il nome HTML (blue, lime...).