계절에 따라 사이트의 스타일이 다릅니다

Question

안녕하세요, 나는 친구를 찾고 있습니다. 그녀는 매 계절마다 다른 스타일 시트를 사용하려고합니다. 하나는 겨울, 봄, 여름, 가을.

다음 접근 방식에 대해 생각해 봤습니다. 각 계절마다 style.css를 사용하여 사이트를 구축했습니다. 이제는 해당 기간 동안 적절한 style.css를로드해야합니다. .

하지만 어떻게 할 수 있습니까?

Answer 1

당신은 분명히

var month=new Date().getMonth(); 
if(month<2 || month==11){ 
    setActiveStyleSheet("winter"); 
}else if(month<5){ 
    setActiveStyleSheet("spring"); 
}else if(month<8){ 
    setActiveStyleSheet("summer"); 
}else if(month<11){ 
    setActiveStyleSheet("fall"); 
} 

을 사용할 수 있습니다, 시즌을 감지 한 후 다른 스타일

<link rel="stylesheet" type="text/css" title="summer" href="summer.css"> 
<link rel="alternate stylesheet" type="text/css" title="spring" href="spring.css"> 
<link rel="stylesheet" type="text/css" title="fall" href="fall.css"> 
<link rel="alternate stylesheet" type="text/css" title="winter" href="winter.css"> 

을 사용 그리고 스크립트

function setActiveStyleSheet(title) { 
    var links=document.getElementsByTagName("link"); 
    for(var i=0; i<styles.length; i++) { 
    style=styles[i]; 
    if(style.getAttribute("rel").indexOf("style") != -1 && style.getAttribute("title")) { 
     style.disabled = true; 
     if(style.getAttribute("title") == title){ 
      style.disabled = false; 
     } 
    } 
    } 
} 

를 작성하고 수, 당신은 할 수 있습니다 계절 선택이 더 정확하지만, 그것은 적어도 당신에게 기초적인 계절을 줄 것입니다

Answer 2

사용자가 자바 스크립트를 비활성화했을 수 있으므로 PHP를 사용하는 것이 좋습니다.

이 내 방법이 될 것입니다 :

PHP :

//season.php file 
header("Content-type: text/css"); 

function getSeason() 
{ 
    $season_dates = array('/12/21'=>'winter', 
         '/09/21'=>'autumn', 
         '/06/21'=>'summer', 
         '/03/21'=>'spring', 
         '/12/31'=>'winter'); 

    foreach ($season_dates as $key => $value) // Loop through the season dates 
    { 
     $season_date = date("Y").$key; 
     if (strtotime("now") > strtotime($season_date)) // If we're after the date of the starting season 
     { 
      return $value; 
     } 
    } 
} 

$season = getSeason(); 

echo file_get_contents("$season.css"); 

HTML :

<link rel="stylesheet" type="text/css" href="season.php">