文字颜色变换效果

实现文字颜色逐一变化，有点像LED等变换

查看全部代码 View Code

第一步：
在</body>之前添加如下脚本

<script>
 
        /*****************************************************
         *  Share JavaScript (http://www.ShareJS.com)
         * 使用此脚本程序，请保留此声明
         * 获取此脚本以及更多的JavaScript程序，请访问 http://www.ShareJS.com
         ******************************************************/
     
var tags=show.all.tags("span");
for(i=0;i<tags.length;i++){
if(!tags[i].scroll)continue;
eval("var c"+i+"=0")
setInterval("var str=tags["+i+"].innerText;if(c"+i+"==str.length)c"+i+"=0;tags["+i+"].innerHTML=str.substring(0,c"+i+")+'<font color="+tags[i].scroll+">'+str.substr(c"+i+"++,1)+'</font>'+str.substr(c"+i+")",300)
}
</script>

第二步：
添加<span>标签实现文字特效：
范例1：文字颜色为yellow，变化颜色为red

中文Abc<span style="color:yellow" scroll="red">欢迎分享JavaScript ShareJS.com</span>中文Abc

效果：中文Abc欢迎分享JavaScript ShareJS.com中文Abc

范例2：文字颜色为black 变化颜色为lime

中文Abc<span style="color:black" scroll="lime">欢迎分享JavaScript ShareJS.com</span>中文Abc<br>

中文Abc欢迎分享JavaScript ShareJS.com中文Abc