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

Unik 10/02/2019 14:28

Merci pour ces bouts de code

laurence 21/12/2018 10:59

Bonjour,

Merci pour ce code, après quelques essais pour en modifier la couleur et éviter un retour de ligne, ça fonctionne.

Super novice :)

andré jtm 14/12/2018 11:39

t tro bo

cliquez -> 14/12/2018 11:38

:)

Et Pierre 14/12/2018 11:37

CC mon chouchou

pierre 14/12/2018 11:36

tu fait du canvas lenny ?

cc 14/12/2018 11:36

cc

baise 14/12/2018 11:35

oui

Mureli 24/05/2018 19:10

Bonjour,
Et pour la couleur du texte, comment faire ?
Merci de votre réponse;
Cordialement

Haut de page