javascript实现闪烁

通过javascript定时循环给字体设置颜色

[javascript]  view plain  copy

 

1. var colortag = 0;     
2. function getColor(){   
3.     colortag++;    
4.     switch(colortag){   
5.         case 1:return "#ff0000";    
6.         case 2:return "#ff6600";  
7.         case 3:return "#3366cc";  
8.         default:return "black";  
9.     }   
10. }  
11. function colorful(id){      
12.     o =document.getElementById(id);  
13.     //console.log(o);     
14.     o.style.color=getColor();   
15.     o.style.background="white";      
16.     if(colortag==3)colortag=0;     
17.     timer=setTimeout('colorful('+id+')',1000);    
18. }  
19. function stoptimer() {  
20.     o.style.color="white";  
21.     o.style.background="#3091f2";   
22.     clearTimeout(timer);  
23. }  

第一个是设置颜色，第二个是赋予这个标签颜色。第三个是关掉这个闪烁

有一个小细节，<a>这个标签，浏览器会自动赋予一个颜色，如果想让他继承上面父类的颜色，要用color:inherit