JS实现文字从左到右滚动变色

文字从左到右滚动变色

<script language="javascript">
var message="welcome to friends word!!!";//文字内容设置
var n=0;
if(document.all){
    //设置文本属性
    document.write('<font size="12px" color="#ff6600">')
    for(m=0;m<message.length;m++)
    document.write('<span id="neonlight" style="font-size:12px">'+message.charAt(m)+'</span>')
        //charAt() 方法可返回指定位置的字符。第一个字符位置为 0, 第二个字符位置为 1,以此类推.
    document.write('</font>')
    var tempref=document.all.neonlight;
    }
else{
    document.write(message)
    }
function neno(){
   if(n==0){//文字不变色原因:写成了n=0是赋值,if()为false,不执行
     //设置开始颜色
    for(m=0;m<message.length;m++)  {
        tempref[m].style.color="#ff6600"}
   }
   //设置划过颜色
   var Color=new Array("#006600","#BB0022","#0066BB")
   tempref[n].style.color="00ff00"
   if(n<tempref.length-1) n++
      else{
       //设置颜色滚动的间隔
       n=0
       clearInterval(flashing)
       setTimeout("beginneon()",300)
       return
   }
}
function beginneon(){
//设置颜色滚动的速度
if(document.all) flashing=setInterval("neno()",60)
}
beginneon()
</script>
  1. 想法:使用数组存放颜色,Math.random()生成随机数,随机取出颜色即为滚动颜色
  2. 随机产生字母和数字,拼接成RGB颜色。
阅读更多
个人分类: JS
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

JS实现文字从左到右滚动变色

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭