JS erkennt den Scrollen- und Farbveränderungseffekt. Auf der Seite der Effektanzeige sehen Sie den Text, der sich abwechselnd farbveränderte Displays wechselt, um die Aufmerksamkeit der Menschen zu erregen. Der Effekt ist wirklich gut. Nach dem Kopieren des Codes auf Ihre Website ist es in Ordnung, ihn in den gewünschten Text zu ändern.
Das Folgende ist der Quellcode:
Die Codekopie lautet wie folgt:
<html>
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<title> scrolling farbveränderter Text JS Spezialeffekte </title>
</head>
<body>
<div>
Bitte beachten Sie den folgenden Text, ein Teil des Textes ist rot gefärbt und der rote bewegt sich in einer Schleife. <a href = "http://keleyi.com/a/bjad/bd55blos.htm" target = "_ leer"> Originaltext </a>
</div>
<script type = "text/javaScript">
var message = "Willkommen bei keleyi.com, hier finden Sie Lernmaterialien wie Web-Front-End."
var neonbasecolor = "#333333"
var neontextcolor = "#ff0000"
var neontextColor2 = "#ff3333"
var flashspeed = 100
Var -Blitzletter = 8
Var -Blitzletter2 = 2
var flashpause = 0
var n = 0
if (document.all || document.getElementById) {
document.write ('<font color = "'+neonbasecolor+'">')
für (m = 0; m <message.length; m ++)
document.write ('<span id = "neonlight'+m+'">'+message.charat (m)+'</span>')
document.write ('</font>')
}
anders
document.write (Nachricht)
Funktion CrossRef (Nummer) {
var crossObj = document.all? eval ("document.all.neonlight"+Nummer): document.getElementById ("Neonlight"+Nummer)
Return Crossobj
}
Funktion neon () {
if (n == 0) {
für (m = 0; m <message.length; m ++)
Crossref (M) .Style.Color = NeonbaseColor
}
Crossref (n) .Style.color = neontextColor
if (n> blinkingletter-1) crossref (n-flashingletters) .style.color = neontextColor2
if (n> (Flashingletter+Blitzletter2) -1) CrossRef (N-Floashingletter-Flashingletter2) .Style.Color = NeonbaseColor
if (n <message.length-1)
N ++
anders{
n = 0
ClearInterval (Blinken)
setTimeout ("startneon ()", FlashPause)
Zurückkehren
}
}
Funktion startneon () {
if (document.all || document.getElementById)
Flashing = setInterval ("neon ()", Flashspeed)
}
beginneon ()
</script>
<div> <br/> <a href = "http://keleyi.com" target = "_ leer"> keleyi.com </a> </div>
</body>
</html>