闪烁的JavaScript文本
这是一个简单的功能,可以使标签中的文本缓慢淡入一种颜色,然后迅速退回到原始颜色。如果背景与文本的颜色相同,则文本将显得淡入和淡出。
var color = 0;
var dir = 1;
function fade(){
var quick = 50;
var slow = 100;
var el = document.getElementById('fadeInOut');
if(!el){
return;
}
if(dir){
if (color < 255) {
setTimeout(fade,slow);
color += 10;
}else{
setTimeout(fade,quick);
color = 255;
dir = 0;
}
}else{
if(color > 0){
setTimeout(fade,quick);
color -= 10;
}else{
setTimeout(fade,slow);
color = 0;
dir = 1;
}
}
el.style.color = "rgb("+color+","+color+","+color+")";
}此代码通过使用一组setTimeout函数调用在循环中调用该函数来工作。每次运行该函数时,都会设置一些变量,更改颜色,然后再次调用该函数。按以下方式使用它。
Fading Text
那么,您将用它做什么呢?好吧,如果您在网站上做一些密集的工作,则可以使用此技巧使用户在显示他们所请求的内容之前看到事情正在发生。