suchen

Heim >Web-Frontend >js-Tutorial >JS implementiert Code_Javascript-Fähigkeiten für Statusleisten-Tickertexteffekte

JS implementiert Code_Javascript-Fähigkeiten für Statusleisten-Tickertexteffekte

WBOY
WBOYOriginal
2016-05-16 15:35:271700Durchsuche

Das Beispiel in diesem Artikel beschreibt den JS-Code zum Implementieren des Statusleisten-Tickertexteffekts. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

In diesem Statusleisten-Ticker ist der laufende Text in einem Array definiert und Sie können den Inhalt selbst ändern. Der aktuelle IE8 scheint nicht kompatibel zu sein, und JS-Enthusiasten können diese gerne korrigieren. Die Statusleiste ist der Effektanzeigebereich.

Der Screenshot des Laufeffekts sieht wie folgt aus:

Die Online-Demo-Adresse lautet wie folgt:

http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/

Der spezifische Code lautet wie folgt: 

<HTML>
<HEAD>
<TITLE>间隔状态栏跑马灯</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
<!--
function scrollit(seed) {
var m1 = "HI：你 好! ";
var m2 = "欢迎访问脚本之家网站";
var m3 = "请 多 提 意 见，谢 谢!";
var m4 = "E-MAIL:";
var m5 = "/";
var msg=m1+m2+m3+m4+m5;
var out = " ";
var c = 1;
if (seed > 100) {
seed--;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 100 && seed > 0) {
for (c=0 ; c < seed ; c++) {
out+=" ";
}
out+=msg;
seed--;
window.status=out;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else if (seed <= 0) {
if (-seed < msg.length) {
out+=msg.substring(-seed,msg.length);
seed--;
window.status=out;
cmd="scrollit("+seed+")";
timerTwo=window.setTimeout(cmd,100);
}
else {
window.status=" ";
timerTwo=window.setTimeout("scrollit(100)",75);
}
}
}
//-->
</SCRIPT>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR>
</HEAD>
<BODY bgColor=#fef4d9 onload=scrollit(100)>
</BODY>
</HTML>

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Informationen zur Eingabeaufforderung zum Schließen von js-Fenstern (kompatibel mit IE und Firefox)_Javascript-KenntnisseNächster Artikel：Informationen zur Eingabeaufforderung zum Schließen von js-Fenstern (kompatibel mit IE und Firefox)_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen