특정 날짜에 CSS가있는 배경을 변경 하시겠습니까?

Question

누구든지 특정 날짜에 CSS를 사용하여 웹 사이트의 배경을 자동으로 변경하는 방법을 알고 있습니까? 등 발렌타인 데이, 부활절, 크리스마스

Answer 1

당신은 늘에만 CSS를 사용하여 그것을 할 수 있지만 당신이 그것을과 같이 자바 스크립트와 CSS를 결합 할 수있는, 같이

var checkDate=new Date(), 
today = new Date(); 
checkDate.setFullYear(2011,1,14); 

if (today.getTime() === checkDate.getTime()){ 
    document.getElementById("background").className += 'valentinesBackgroundStyle'; 
} 

http://jsfiddle.net/sH429/

Answer 2

이 작업을 수행 할 수 없습니다 CSS로. JavaScript를 사용하여이를 수행해야합니다. 발렌타인 데이에 빨간색 배경색을 변경하는 예를 들어

:

var date = new Date(); 
if(date.getDate() == 14 && date.getMonth() == 1) { 
    document.body.style.background = "red"; 
} 

Answer 3

당신은 이것에 대한 PHP 또는 자바 스크립트와 같은 서버 측 언어를 사용하도록해야합니다. PHP로, 예를 들어, 당신은 date()와 서버 날짜/시간 액세스와 같은 것을 수행 할 수 있습니다 서버 측 코드를 사용하는 거꾸로 그것이 사용자에 대한 빠른 점이다

if(date('m/d') == '2/14')) 
    'get your girl a present, dude!'; 

합니다. 단점은 사용자의 서버가 아니라 서버의 날짜와 시간입니다. 따라서 자바 스크립트를 사용하여 동일한 작업을 수행 할 수 있습니다.

var curtime = new Date(), 
    curday = curtime.getDate(), 
    curmonth = curtime.getMonth()+1; 

if(curmonth == 2 && curday == 14) 
    alert('better be quick'); 

어느 쪽이든 작동합니다.

명확성을 위해 추가 : 위 내용을 통해 하루를 확인할 수 있습니다. 그런 다음이를 사용하여 HTML 클래스에 CSS 클래스를 추가 할 수 있습니다 (예 : 해당 날짜에 대비 한). 당신이 자바 스크립트와 함께 할 말 대신 위의 alert()의

$('#wrap').addClass('valentines'); 

을 쓸 것입니다. 예를 들어 valentines 클래스를 <div id="wrap">에 추가합니다. 그런 다음 CSS 클래스로 원하는대로 할 수 있습니다.

편집 : 마지막 스 니펫에서 jQuery을 사용했습니다. 혼자서 자바 스크립트로도 할 수 있습니다 - Loktar는 이미 그의 대답에이를 추가했습니다.