今回は、JS カスタム ステータス バー アニメーション テキストをお届けします。JS カスタマイズされたステータス バー アニメーション テキストの 注意事項 について、実際のケースを見てみましょう。
IE ブラウザ で開くと、ダイナミック テキスト (主にブラウザの左下隅のテキスト) の効果が表示されます。
<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>以上がJSカスタムステータスバーのアニメーションテキストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
