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

causette 28/06/2017 11:24

ça marche bien! merci

Haut de page