Team-Masters.com
Que du Gratuit pour Webmasters
Un texte qui change de couleur automatiquement
Voici un effet que vous pouvez appliquer sur un texte que vous voulez mettre en évidence. En général, il s’agira d’un titre sur lequel vous voudrez attirer l’attention des visiteurs.
Il s’agit en fait de faire apparaître plusieurs couleurs sur un texte avec un effet de fade. Il suffit de changer 3 paramètres dans le code Javascript qui suit pour l’adapter à vos besoins :
Mettre votre propre texte dans la variable var text
Définir votre taille et modèle de police (là c’est du HTML tout simplement)
Régler la vitesse du fade dans var speed (testez plusieurs valeurs)
Allez, voyez l’exemple de texte qui change de couleur
Le code suivant s’insère simplement dans le BODY de votre page à l’endroit où vous voulez faire apparaître votre texte :
<b>
<font size="5"> <!-- Votre taille de police -->
<script language="JavaScript">
//by Matt Hedgecoe (c) 2002
var text="Bienvenue à toi visiteur" // Entrez le texte ici
var speed=80 // Réglez la vitesse du fade
// ********** Laissez ça tranquille maintenant!
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>')
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</script>
</font>
</b>C’est tout !
26 avril 2005
Très Bon Plan A NE PAS MANQUER ! Cliquez!!
Des Secrets pour 7€: Un rapport, un script pour réussir à vendre sur Internet. Cliquez!
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
Un texte animé dans une boîte
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)
