JS se da cuenta del efecto de texto de desplazamiento y cambio de color. En la página de visualización de efectos, puede ver el texto que alterna la pantalla que cambia de color para atraer la atención de las personas. El efecto es realmente bueno. Después de copiar el código a su sitio web, estará bien modificarlo en el texto deseado.
El siguiente es el código fuente:
La copia del código es la siguiente:
<html>
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<título> Texto de cambio de color JS Efectos especiales </title>
</ablo>
<Body>
<div>
Tenga en cuenta el texto a continuación, parte del texto se tiñe rojo y el rojo se mueve en un bucle. <a href = "http://keleyi.com/a/bjad/bd55blos.htm" target = "_ en blanco"> texto original </a>
</div>
<script type = "text/javaScript">
VAR Message = "Bienvenido a Keleyi.com, aquí hay materiales de aprendizaje como el front-end web".
var neonbasecolor = "#3333333"
var neontextColor = "#FF0000"
var neontextColor2 = "#FF3333"
var flashspeed = 100
var flowingletters = 8
var flashingletters2 = 2
var flashpause = 0
var n = 0
if (document.all || document.getElementById) {
document.write ('<font color = "'+neonbasecolor+'" ">')
para (m = 0; m <message.length; m ++)
document.write ('<span id = "neonlight'+m+'">'+message.charat (m)+'</span>'))
document.write ('</font>')
}
demás
document.write (mensaje)
función CrossRef (número) {
var CrossObj = document.all? eval ("document.all.neonlight"+número): document.getElementById ("neonlight"+número)
regresar Crossobj
}
función neon () {
if (n == 0) {
para (m = 0; m <message.length; m ++)
CrossRef (m) .style.color = neonbasecolor
}
CrossRef (n) .style.color = neontextcolor
if (n> flashingletters-1) CrossRef (n-flashingletters) .style.color = neontextColor2
if (n> (flashingletters+flashingletters2) -1) CrossRef (n-flashingletters-flashingletters2) .style.color = neonbasecolor
if (n <message.length-1)
n ++
demás{
n = 0
ClearInterval (flasheo)
setTimeout ("beginneon ()", FlashPause)
Devolver
}
}
función beginNeon () {
if (document.all || document.getElementById)
flash = setInterval ("neon ()", flashspeed)
}
beginneon ()
</script>
<Div> <Br/> <a href = "http://keleyi.com" target = "_ blank"> keleyi.com </a> </div>
</body>
</html>