Pour donner un effet d’animation, ce script va simplement afficher alternativement un même texte en minuscules puis en majuscules.
Copiez les lignes suivantes dans la partie HEAD de votre page :
<script language="JavaScript">
var count = -1;
var counter;
var nchar
var speedtogo = 150
var txt = new Array();
txt1 = "votre texte en minuscules";
txt2 = "VOTRE TEXTE EN MAJUSCULES";
function majmin() {
count++
if(count == 0){
document.boite.champ.value = txt1
}
if(count == 1){
document.boite.champ.value = txt2.substring(0, 1) +
txt1.substring(23, 1)
}
if(count > 1){
txt3 = txt1.substring(0, count - 1) + txt2.substring(count - 1,
count) + txt1.substring(23, count)
document.boite.champ.value = txt3
}
if(count == txt1.length){
count = -1
}
counter = setTimeout("majmin()",speedtogo);
}
//-->
</script>A la 5ème ligne, vous pouvez donner à var speedtogo une valeur qui va déterminer la vitesse de "l’animation".
txt1 permet de rentrer votre texte en minuscules (8ème ligne)
txt2 permet de rentrer votre texte en majuscules (9ème ligne)
Insérez ensuite le code suivant dans le BODY de votre page à l’endroit où vous le souhaitez :
<script language="JavaScript">
<!--
document.write("<form name=\"boite\">");
document.write("<input type=\"text\" name=\"champ\" size=\"40\">");
document.write("</form>");
majmin();
//-->
</script>Vous pouvez adapter la taille de la boîte à votre guise (ici définie pour une valeur de 40).
10 mai 2005
Appliquez un filtre dynamique sur des images
Un effet Neon (II) sur du texte
Affichez un texte qui tremble en Javascript
Ouvrir une popup centrée sur l’écran
Un aura autour de votre texte
Afficher un texte dans la barre de statut au survol d’un lien
Afficher l’heure courante dans un bouton
Faîtes apparaître un texte de gauche à droite qui s’arrête ensuite
Faîtes défiler des images en boucle (comme une visionneuse)
Changer l’opacité d’une image au passage de la souris