文字颜色交替变换

2014-12-04 04:58:54 -0500

文字颜色交替变换

2014-06-21 06:47:34 +0800

文字颜色交替变换

html代码

<style type="text/css">

</style></div><div class="wo-entry-section wo-text-html"><textarea>
<script>
  var message="欢迎光临csngmap资源分享大本营"
  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