Créer un texte avec un halo
Ce petit programme DHTML affiche et anime un halo coloré autour de vos titres.
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 :
* 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...)
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...)