Effets d'Ecriture et de Texte

Créer un texte avec un halo

Cet article a été mis à jour, vous consultez ici une archive de cet article!
Ce petit programme DHTML affiche et anime un halo coloré autour de vos titres.

Chez-Swan.NeT

 n

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