html字体⾃动变化颜⾊,JS实现⽂字闪烁⾃动变换颜⾊代码3则当⽹页中某处⽂字需要不停闪烁加强醒⽬效果的时候,我们很容易想到⽤javascript来实现,没错,这个实现起来并不算复杂,下⾯我们就来分享3则⽐较简洁的⽂字⾃动闪烁特效代码。JS实现⽂字⾃动变换颜⾊第⼀则代码:
你瞧我正在⾃动变换颜⾊哦
function changeColor(){
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray|#f60";//定义颜⾊
color=color.split("|"); //通过split⽅法⽣成数组
var xuan = ElementsByTagName("h2");//获得元素
for(var i=0;i
xuan[i].lor=color[parseInt(Math.random() * color.length)];//设置样式
}
}
setInterval("changeColor()",200);//每0.2秒变换⼀种颜⾊
你瞧我正在⾃动变换颜⾊哦
JS实现⽂字⾃动变换颜⾊第⼆则代码:
js⽂字特效制作js⽂字闪烁与⽂字变⾊效果
js实现⽂字颜⾊闪烁
var i = 0;
function getColor(){
i++;
switch(i){
case 1:return "#ff0000";
case 2:return "#ff6600";
case 3:return "#3366cc";
default:return "black";
}
}
function colorful(){
var o =ElementById('actext');
lor=getColor();
if(i==3)i=0;
setTimeout('colorful()',500);
}
colorful();
JS实现⽂字⾃动变换颜⾊第三则代码:
⽂字⾃动变换颜⾊⽰例
⽂字⾃动变换颜⾊演⽰
var Mcolor=new Array("blue","red","green");
i=0;
实现特效的代码jsvar act;
function Change_color() {
if (i==Mcolor.length) {i=0;}
i++;
}
act=setInterval("Change_color()",500);
通过对⽐我们不难发现,JS代码实现颜⾊⾃动切换实际都⽤到了定时器,不管⽤的是setInterval还是setTimeout,基本原理和实现⽬标⼏乎都差不多。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论