바디 배경 체인저?

Question

여기 있습니다.

간단히 말해서, 나는 CSS를 통해 몸의 배경을 지우고 모든 것을 자주 바꾸고 반복 할 수 있기를 원합니다.

CSS 및 jQuery로 어떻게 구현할 수 있습니까?

감사합니다.

Answer 1

당신은 JQuery와 애니메이션의 방법을 사용할 수 있으며 새로운 색상으로 다시 메소드를 호출 완료 될 때 :

var color = ["red","green","blue"]; 
var i = 0; 

function changeColor() 
{ 
// Change to the next color over 2 seconds. When it is done, call this method again. 
$("body").animate({"background-color":color[i]}, 2000, changeColor); 
i++; // Increment the counter so the next color in the array is shown 
i = i % 3; // Make sure i is never greater than 2 by using the modulous. 
} 

changeColor(); 

이 바이올린을 참조하십시오 http://jsfiddle.net/johnkoer/vDCSw/5/