Créer un texte avec un halo

Ce petit programme DHTML affiche et anime un halo coloré autour de vos titres.

Chez-Swan.NeT



Compatibilité ! Ce script ne fonctionne que sous Internet Explorer.

Insérez simplement ce script à l'endroit de votre page où vous souhaitez voir apparaître le titre :

Code JAVASCRIPT :
<span id="TexteBat" style="width:100%">
<h1>Votre texte</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>


Vous pouvez personnaliser ce script de la manière suivante :



* Précisez la taille minimum du halo qui entoure le texte (from = 4;) et sa taille maximum (to = 12; )

* Précisez la vitesse de pulsation du texte (delay = 55;)

* Précisez la couleur de la pulsation (glowColor = "#00FF00";)

Pour cela, vous pouvez utiliser indifféremment la valeur hexadécimale de la couleur ou son nom complet en HTML (blue, lime...)
Cette page a été vue 1793 fois