旋转字js - 如何更改颜色

Question

我刚刚在不同的线程中发现了此演示，但想问是否有任何机会可以更改旋转文本的颜色，以及我是否正在玩但不能设法弄清楚，任何帮助，将不胜感激请

工作demo

var keywords = ["awesome", "cool", "fantastic", "incredible"]; 
var count = 1; 
setInterval(function(){  
    $("span.keyword").fadeOut(400, function(){   
     $(this).html(keywords[count]);   
     count++;   
     if(count == keywords.length)    
      count = 0;   
     $(this).fadeIn(400);  
    }); 
}, 2000); 

Answer 1

试试这个，它应该让你开始：

http://jsfiddle.net/zqEmT/9/

var keywords = ["awesome", "cool", "fantastic", "incredible"]; 
var count = 1; 
setInterval(function(){  
    $("span.keyword").fadeOut(400, function(){   
     $(this).html(keywords[count]);   
     count++;   
     if(count == keywords.length)    
      count = 0;   

     var hue = 'rgb(' 
      + (Math.floor(Math.random() * 256)) + ',' 
      + (Math.floor(Math.random() * 256)) + ',' 
      + (Math.floor(Math.random() * 256)) + ')';   

     $(this).fadeIn(400).css('color', hue);  
    }); 
}, 2000); 

Answer 2

只需使用另一个数组来保存的颜色，并使用.css()

这里有一个工作版本适用于他们......

http://jsfiddle.net/zqEmT/11/

var keywords = ["awesome", "cool", "fantastic", "incredible"]; 
var colours = ["red", "green", "blue", "orange"]; 
var count = 1; 
setInterval(function(){  
    $("span.keyword").fadeOut(400, function(){   
     $(this).html(keywords[count]).css("color", colours[count]); 
     count++;   
     if(count == keywords.length)    
      count = 0;   
     $(this).fadeIn(400);  
    }); 
}, 2000);