Texte clignotant

» INDEX «

Pour Mettre en place un texte ou un élément html clicnotant, il suffit de jouer sur le style de celui-ci :
    - display : block ou none
    - visibility : visible ou hidden
et de se servir de la fonction javascript setInterval qui permet de lancer un évènement javascript suivant une période donnée :

Periode = setInterval("clignotement()", 500);


Le code complet se place dans le BODY (la partie html est adaptable à vos besoins) :

TEXTE CLIGNOTANT

 - Code html du menu :

<table>
   <tr height="50">
      <td>
         <div id="MonElement" class="EX_div" style="diplay:block;">
         TEXTE CLIGNOTANT
         </div>
      </td>
   </tr>
</table>

 - JavaScript :

<script>
function clignotement(){
    if (document.getElementById("MonElement").style.display=="block")
       document.getElementById("MonElement").style.display="none";
    else
       document.getElementById("MonElement").style.display="block";
}
// mise en place de l appel régulier de la fonction toutes les 0.5 secondes
setInterval("clignotement()", 500);
</script>

 - Remarque :

Pour arrêter le clignotement, il faut arrêter la fonction setInterval :
clearInterval(Periode);




commentaires / remarques
© Copyright 2004 by StartYourDev
Ajouter aux favoris contact plan du site Downloads Liens - Partenaires
Accueil
Rubrique HTML Rubrique XML-XSL Rubrique XHTML Rubrique CSS Rubrique JavaScript Rubrique SVG Rubrique Codes - Tutoriels
Codes Récents
HTML Area
Détection du browser
Temps de chargement
Texte clignotant
Menu contextuel
Tutoriels
Les images
Les meta tags
Les scrollbars