ホームページ > 記事 > ウェブフロントエンド > JSカスタムステータスバーのアニメーションテキスト
JSカスタムステータスバーのアニメーションテキスト
- php中世界最好的语言オリジナル
- 2018-04-17 16:25:291827ブラウズ
今回は、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>この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:
以上がJSカスタムステータスバーのアニメーションテキストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。