Wenn alle auf der Website surfen, wird der Text in der aktiven Statusleiste nacheinander von links nach rechts angezeigt. Möchten Sie, dass Ihre eigene Webseite den gleichen Effekt hat? Verwenden Sie eine JavaScript-Programmanwendung, um diesen Effekt zu erzielen. Lassen Sie uns sorgfältig analysieren, wie dieser dynamische Effekt erzeugt wird.
Die Idee, diesen Effekt zu erzielen, besteht darin, zunächst den anzuzeigenden Text einer Variablen zuzuweisen, eine Funktion einzurichten und von Zeit zu Zeit Text in die Statusleiste einzugeben. Der Text wird inkrementell angezeigt gleich der Länge des gesamten Satzes, Zeit, setzen Sie ihn auf 0, geben Sie den Text erneut ein und wiederholen Sie die Schleife, um diesen Effekt zu erzielen.
Schauen wir uns als Nächstes das Quellprogramm an.
<script language="JavaScript">
var msg = „Willkommen bei 5D Multimedia!!“;
// Die Variable msg dient dazu, den Text (einen Satz) festzulegen, der in der Statusleiste angezeigt wird
var-Intervall = 120
//Legen Sie das Intervall fest, um wie viele Millisekunden sich die Textlänge um eins erhöht, hier sind es 120 Millisekunden
var seq=0;
//Stellt die dynamische Textlänge dar
functionScroll() {
len = msg.length;
window.status = msg.substring(0, seq+1);
//Ein Zeichen zum Text hinzufügen
seq++;
//Eins zur Länge des dynamischen Texts hinzufügen
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Scroll();", Intervall );
}
//Wenn die Länge des dynamischen Texts mit der des gesamten Satzes übereinstimmt, setzen Sie die Länge des dynamischen Texts auf 0 und beginnen Sie von vorne.
anders
window.setTimeout("Scroll();", Intervall );
}
Scrollen();
</script>
Kopieren Sie den obigen Quellcode in das Tag <body></body> der HTML-Datei, um die folgenden Auswirkungen zu erzielen: