Heim > Artikel > Web-Frontend > Animierter Text der benutzerdefinierten JS-Statusleiste
Animierter Text der benutzerdefinierten JS-Statusleiste
- php中世界最好的语言Original
- 2018-04-17 16:25:291765Durchsuche
Dieses Mal bringe ich Ihnen JS benutzerdefinierten animierten Text in der Statusleiste . Was sind die Vorsichtsmaßnahmen für JS beim Anpassen des animierten Texts in der Statusleiste? Das Folgende ist ein praktischer Fall , Lass uns einen Blick darauf werfen.
Im IE-Browser öffnen, um die Wirkung von dynamischem Text anzuzeigen, hauptsächlich den Text in der unteren linken Ecke des Browsers.
<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>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.
Empfohlene Lektüre:
JS implementiert eine einfache 24-Stunden-Uhr
Das obige ist der detaillierte Inhalt vonAnimierter Text der benutzerdefinierten JS-Statusleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!