滾動變色的文字特效，js代碼

2024-09-05 12:21:39

字體：大中小

供稿：網(wǎng)友

Js實現(xiàn)滾動變色的文字效果，運行本演示后，可看到文字在交替變色顯示，以吸引人的注意，效果真心不錯哦，把代碼拷貝到你的網(wǎng)站后，修改成想要的文字就OK了。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>滾動變色文字</title></head><body><script language="JavaScript1.2">  var message="如果你愛我就別離開我"  var neonbasecolor="gray"  var neontextcolor="#ff9966"  var neontextcolor2="#ff9966"  var flashspeed=100  var flashingletters=3  var flashingletters2=1  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>')  }  else  document.write(message)function crossref(number){  var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)  return crossobj  }function neon(){  if (n==0){  for (m=0;m<message.length;m++)  crossref(m).style.color=neonbasecolor  }  crossref(n).style.color=neontextcolorif (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2   if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolorif (n<message.length-1)  n++  else{  n=0  clearInterval(flashing)  setTimeout("beginneon()",flashpause)  return  }  }function beginneon(){  if (document.all||document.getElementById)  flashing=setInterval("neon()",flashspeed)  }  beginneon()</script></body></html>

上一篇：JS打字機式的字符輸出特效

下一篇：像波浪一樣的JS動態(tài)文字特效