ICI header("Location: http://www.mytesting.fr ");

FAIRE CLIGNOTER UN TEXTE HTML AVEC JAVA SCRIPT

par André Marini 11 Novembre 2014, 11:30 Texte

FAIRE CLIGNOTER UN TEXTE HTML AVEC JAVA SCRIPT

1)-TEXTE CLIGNOTANT PAR VISIBILITE.

 

CODE

<div id="DivClignotante" style="visibility:visible;">Voici mon texte clignotant par visibilit&eacute;, c&#39;est &agrave; dire qu&#39;il clignote simplement</div>
<p><br />
<script type="text/javascript"> 
var clignotement = function(){ 
   if (document.getElementById('DivClignotante').style.visibility=='visible'){ 
      document.getElementById('DivClignotante').style.visibility='hidden'; 
   } 
   else{ 
   document.getElementById('DivClignotante').style.visibility='visible'; 
   } 
}; 
// mise en place de l appel de la fonction toutes les 0.8 secondes 
// Pour arrêter le clignotement : clearInterval(periode); 
periode = setInterval(clignotement, 800); 
</script></p>

RESULTAT

Voici mon texte clignotant par visibilité, c'est à dire qu'il clignote simplement


2)-TEXTE CLIGNOTANT PAR OPACITE QUI DONNE L'IMPRESSION D'UN FONDU.

CODE


<label id="LblClignotant">VOICI MON TEXTE CLIGNOTANT DONNANT L'IMPRESSION D'UN FONDU</label>

<script type="text/javascript">
var signe = -1;
var clignotementFading = function(){
var obj = document.getElementById('LblClignotant');
if (obj.style.opacity >= 0.96){
signe = -1;
}
if (obj.style.opacity <= 0.04){
signe = 1;
}
obj.style.opacity = (obj.style.opacity * 1) + (signe * 0.04);
};

// mise en place de l appel de la fonction toutes les 0.085 secondes
// Pour arrêter le clignotement : clearInterval(periode);
periode = setInterval(clignotementFading, 85 );
</script>

RESULTAT

commentaires

U
Merci pour ces bouts de code
L
Bonjour,<br /> <br /> Merci pour ce code, après quelques essais pour en modifier la couleur et éviter un retour de ligne, ça fonctionne.<br /> <br /> Super novice :)
A
t tro bo
C
:)
E
CC mon chouchou
P
tu fait du canvas lenny ?
C
cc
B
oui
M
Bonjour,<br /> Et pour la couleur du texte, comment faire ?<br /> Merci de votre réponse;<br /> Cordialement

Haut de page