当网页中某处文字需要不停闪烁加强醒目效果的时候,我们很容易想到用javascript来实现,没错,这个实现起来并不算复杂,下面我们就来分享3则比较简洁的文字自动闪烁特效代码。JS实现文字自动变换颜色第一则代码:
你瞧我正在自动变换颜色哦
functionchangeColor(){
varcolor="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray|#f60";//定义颜色
color=color.split("|");//通过split方法生成数组
varxuan=document.getElementsByTagName("h2");//获得元素
for(vari=0;i
xuan[i].style.color=color[parseInt(Math.random()*color.length)];//设置样式
}
}
setInterval("changeColor()",200);//每0.2秒变换一种颜色
你瞧我正在自动变换颜色哦
JS实现文字自动变换颜色第二则代码:
js文字特效制作js文字闪烁与文字变色效果
js实现文字颜色闪烁
vari=0;
functiongetColor(){
i++;
switch(i){
case1:return"#ff0000";
case2:return"#ff6600";
case3:return"#3366cc";
default:return"black";
}
}
functioncolorful(){
varo=document.getElementById('actext');
o.style.color=getColor();
if(i==3)i=0;
setTimeout('colorful()',500);
}
colorful();
JS实现文字自动变换颜色第三则代码:
文字自动变换颜色示例 文字自动变换颜色演示
varMcolor=newArray("blue","red","green");
i=0;
varact;
functionChange_color(){
if(i==Mcolor.length){i=0;}
document.getElementById("MM").style.color=Mcolor[i];
i++;
}
act=setInterval("Change_color()",500);
通过对比我们不难发现,JS代码实现颜色自动切换实际都用到了定时器,不管用的是setInterval还是setTimeout,基本原理和实现目标几乎都差不多。