Petite animation dans le statut

DEMONSTRATION

Regardez votre barre du navigateur en bas de l'écran. Un message s'affiche avec une petite animation. Vous pouvez modifier facilement l'animation.

Code source entre <HEAD> et </HEAD>
top

<script language="JavaScript">
  <!-- 
    var hellotext="Bienvenue sur webgraf.com"  //le texte ici
    var thetext=""
    var started=false
    var step=0
    var times=1
    function welcometext()
    {
      times--
      if (times==0)
      { 
        if (started==false)
        {
          started = true;
          window.status = hellotext;
          setTimeout("anim()",1); 
        }
        thetext = hellotext;
      }
    }
    function showstatustext(txt)
    {
      thetext = txt;
      setTimeout("welcometext()",4000)
      times++
    }
    function anim()
    {
      step++
      if (step==7) {step=1}
      if (step==1) {window.status='>==='+thetext+'===<'}  //changez chaques motifs
      if (step==2) {window.status='=>=='+thetext+'==<='}  //pour créer votre propre
      if (step==3) {window.status='>=>='+thetext+'=<=<'}   //animation!!
      if (step==4) {window.status='=>=>'+thetext+'<=<='}
      if (step==5) {window.status='==>='+thetext+'=<=='}
      if (step==6) {window.status='===>'+thetext+'<==='}
      setTimeout("anim()",200);         //vitesse de l'animation
    }
	welcometext()
	//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com
  //  -->
</script>
 
INFORMATIONS COMPLEMENTAIRES
top

Comment intégrer ce script dans votre page: Vous pouvez télécharger cette page au format zip :télécharger.








Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com