O JS percebe o efeito de rolagem e o texto de mudança de cor. Na página de exibição do efeito, você pode ver o texto alternando a tela de mudança de cor para atrair a atenção das pessoas. O efeito é realmente bom. Depois de copiar o código para o seu site, será bom modificá -lo no texto desejado.
A seguir, o código -fonte:
A cópia do código é a seguinte:
<html>
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> rolando texto de mudança de cor JS Efeitos especiais </ititure>
</head>
<Body>
<div>
Observe o texto abaixo, parte do texto é tingido de vermelho e o vermelho se move em um loop. <a href = "http://keleyi.com/a/bjad/bd55blos.htm" target = "_ Blank"> texto original </a>
</div>
<script type = "text/javascript">
var message = "Bem-vindo ao keleyi.com, aqui estão materiais de aprendizagem, como o front-end da web".
var neonbaseColor = "#333333"
var neontextColor = "#ff0000"
var neontextColor2 = "#ff3333"
var flashspeed = 100
var flashingLetters = 8
var flashingLetters2 = 2
var flashPause = 0
var n = 0
if (document.all || document.getElementById) {
document.write ('<font color = "'+neonbaseColor+'">')
for (m = 0; m <message.length; m ++)
document.write ('<span id = "neonlight'+m+'">'+message.charat (m)+'</span>')
document.write ('</font>')
}
outro
document.write (mensagem)
função crossref (número) {
var crossObj = document.all? Eval ("document.all.neonlight"+número): document.getElementById ("neonlight"+número)
Retornar CrossObj
}
função neon () {
if (n == 0) {
for (m = 0; m <message.length; m ++)
CrossRef (m) .style.color = neonbaseColor
}
CrossRef (n) .style.color = neontextColor
if (n> flashingLetters-1) crossref (n-flashingters) .style.color = neontextColor2
if (n> (flashingLetters+flashingLetters2) -1) crossref (n-flashingLetters-flashingLetters2) .style.color = neonbaseColor
if (n <message.length-1)
n ++
outro{
n = 0
ClearInterval (piscando)
Settimeout ("BeginNeon ()", FlashPause)
Retornar
}
}
função BeginNeon () {
if (document.all || document.getElementById)
Flashing = SetInterval ("Neon ()", Flashspeed)
}
Beginneon ()
</script>
<div> <r/> <a href = "http://keleyi.com" Target = "_ Blank"> keleyi.com </a> </div>
</body>
</html>