JS实现滚动变色的文字效果(交替变色/循环不断)

2014-02-17 23:40:57 -0500

代码源自笑忘书，转自csngmap。(转载请注明)

HTML代码

<script>
  var message="欢迎光临翱翔的雄鹰资源站"
  var neonbasecolor="green"
//正常字体颜色
  var neontextcolor="yellow"
//最先出现的变动颜色
  var neontextcolor2="red"
//随后出现的变动颜色
  var flashspeed=120
//颜色变动的快慢，越小越快
  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=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++
  else{
  n=0
  clearInterval(flashing)
  setTimeout("beginneon()",flashpause)
  return
  }
  }
function beginneon(){
  if (document.all||document.getElementById)
  flashing=setInterval("neon()",flashspeed)
  }
  beginneon()
</script>

代码演示

«Newer Older»

Back to home

Subscribe | Register | Login | N