Heim > Artikel > Web-Frontend > JavaScript implementiert Code-Javascript-Fähigkeiten für den Karusselleffekt in der Titelleiste

JavaScript implementiert Code-Javascript-Fähigkeiten für den Karusselleffekt in der Titelleiste

WBOYOriginal: 2016-05-16 15:35:292576Durchsuche

Das Beispiel in diesem Artikel beschreibt den JavaScript-Code zur Implementierung des Textkarusselleffekts in der Titelleiste. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Das hier gezeigte JS-Textkarussell wird im Titelleistenbereich angezeigt. Dieser Effekt war früher oft auf persönlichen Homepages zu sehen, aber jetzt ist er standardisiert und dieser Effekt wird im Allgemeinen nicht zur Titelleiste hinzugefügt. Sie können jedoch lernen, mit JS einige Texteffekte zu erstellen. Bitte überprüfen Sie die Titelleiste, nachdem Sie den Effekt ausgeführt haben.

Der Screenshot des Laufeffekts sieht wie folgt aus:

Die Online-Demo-Adresse lautet wie folgt:

http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/

Der spezifische Code lautet wie folgt:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文字循环出现</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
var message = new Array();
message[0] = "欢迎光临脚本之家";
message[1] = "这里有javascript";
message[2] = "网页特效";
message[3] = "图片和背景特效等";
message[4] = "非常多的资源";
message[5] = "你一定会有所收获的"; 
message[6] = "欢迎你再次光临";
message[7] = "";
var reps = 2;
var speed = 60;
var p = message.length;
var T = "";
var C = 0;
var mC = 0;
var s = 0;
var sT = null;
if (reps < 1) reps = 1;
function doTheThing() {
T = message[mC];
A();
}
function A() {
s++;
if (s > 9) { s = 1;}
if (s == 1) { document.title = '|||★★★★★=====|||----- ['+T+' -----'; }
if (s == 2) { document.title = '|||=★★★★★====|||----- ['+T+' -----'; }
if (s == 3) { document.title = '|||==★★★★★===|||----- ['+T+' -----'; }
if (s == 4) { document.title = '|||===★★★★★==|||----- ['+T+' -----'; }
if (s == 5) { document.title = '|||====★★★★★=|||----- ['+T+' -----'; }
if (s == 6) { document.title = '|||=====★★★★★|||----- ['+T+' -----'; }
if (s == 7) { document.title = '|||====★★★★★=|||----- ['+T+' -----'; }
if (s == 8) { document.title = '|||===★★★★★==|||----- ['+T+' -----'; }
if (s == 9) { document.title = '|||=★★★★★===|||----- ['+T+' -----'; }
if (C < (8 * reps)) {
sT = setTimeout("A()", speed);
C++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) mC = 0;
sT = null;
doTheThing();
  }
}
doTheThing();
</script>
</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：Zusammenfassung der domänenübergreifenden Javascript-Methoden_Javascript-FähigkeitenNächster Artikel：Zusammenfassung der domänenübergreifenden Javascript-Methoden_Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen