JavaScript中的彩色動畫

我想讓我的文本從白色變爲黑色並將背景顏色從黑色變爲白色同時有任何想法？JavaScript中的彩色動畫

來源

2010-09-04 Sam

你使用任何框架？ – strager 2010-09-04 08:40:22

在jQuery中，你可以使用默認的動畫文本的顏色：

$('#element').animate({ color: 'red' }, 1500);

但背景動畫無法在默認情況下進行，並要求（下面的鏈接）的插件。

的jQuery：http://www.jquery.com/
顏色插件：http://plugins.jquery.com/project/color

Enjoi ^^

來源

2010-09-04 08:36:18

這可以很容易地與jQuery color plugin實現：

<!DOCTYPE html> 
<html> 
<head> 
    <title>Test</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="jquery.color.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $('#foo').animate({ 
      backgroundColor: '#fff', 
      color: '#000' 
     }, 'slow'); 
    }); 
    </script> 

</head> 
<body> 
    <div id="foo" style="background-color: black;">Some Text</div> 
</body> 
</html>

看到它在action here。

來源

2010-09-04 08:42:57

我可以使用設置的超時嗎？ – Sam 2010-09-04 09:04:12

當然，你可以：http://jsfiddle.net/4p5ZG/1/ – 2010-09-04 09:08:16

是否有可能使用ur方法，如果div在另一個函數中創建一些文本說段落和身體只是 ??? – Sam 2010-09-04 11:34:16

JavaScript中的彩色動畫

回答

相關問題