Texte animé de la barre d'état personnalisée JS-js tutoriel-php.cn

Texte animé de la barre d'état personnalisée JS

php中世界最好的语言

Libérer： 2018-04-17 16:25:29

original

1820 Les gens l'ont consulté

Cette fois, je vais vous apporter le texte animé de la barre d'état d'état personnalisé JS, quelles sont les précautions pour JS personnalisation du texte animé de la barre d'état, ce qui suit est un cas pratique , Jetons un coup d'oeil.

Ouvrir dans le navigateur IE pour afficher l'effet du texte dynamique, principalement le texte dans le coin inférieur gauche du navigateur.

<body onload="stack();">
  <script type="text/javascript">
    var statusText="自定义动画状态栏文字";
    var out="";
    var pause=100;
    var animateWidth=20;
    var position=animateWidth;
    var i=0;
    var stack=function(){
      if(statusText.charAt(i)!=" "){
        out="";
        for(var j=0;j<i;j++){
          out+=statusText.charAt(j);
        }
        for(j=i;j<position;j++){
          out+=" ";
        }
        out+=statusText.charAt(i);
        for(j=position;j<animateWidth;j++){
          out+=" ";
        }      
         window.status=out;
        if(position==i){
          animateWidth++;
          position=animateWidth;
          i++;
        }else{
          position--;
        }
      }else{
      }
      if(i<=statusText.length){
        setTimeout("stack()",pause);
      }
    }
  </script>
</body>

Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Npm comme outil de ligne de commande cli

JS implémente une simple horloge de 24 heures

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!