2015-10-30 5 views
-4

Я знаю, как сделать фоновое изменение в зависимости от дня (так, например, 31-го числа он переходит к изображению Хэллоуина, а затем остальному другому фон) PS Я пытаюсь не использовать JavaScript, поскольку мне не нравится использовать JavaScript.Как изменить фон в зависимости от текущего дня

+0

это не будет возможно с простой HTML/CSS, вам нужно JavaScript/PHP или какой-либо другой язык, чтобы построить – Andrew

+0

Пожалуйста, прочитайте все темы на этой странице: http://stackoverflow.com/help/asking – j08691

+0

@Andrew ok, тогда я не использовал JavaScript, но при необходимости я буду использовать его –

ответ

0

В комментариях вы сказали Javascript будет нормально, так вот она в JavaScript.

Это будет делать это для вас: https://jsfiddle.net/4p18mxg9/5/

JAVASCRIPT

function myFunction() { 
    switch (new Date().getDay()) { 
    case 0: 
     day = "Sunday"; 
     document.body.style.backgroundImage = "url('http://lorempixel.com/400/200/sports/1/')"; 
     break; 
    case 1: 
     day = "Monday"; 
     document.body.style.backgroundImage = "url('http://lorempixel.com/400/200/sports/1/')"; 
     break; 
    case 2: 
     day = "Tuesday"; 
     document.body.style.backgroundImage = "url('http://lorempixel.com/400/200/sports/1/')"; 
     break; 
    case 3: 
     day = "Wednesday"; 
     document.body.style.backgroundImage = "url('http://lorempixel.com/400/200/sports/1/')"; 
     break; 
    case 4: 
     day = "Thursday"; 
     document.body.style.backgroundImage = "url('http://lorempixel.com/400/200/sports/1/')"; 
     break; 
    case 5: 
     day = "Friday"; 
     document.body.style.backgroundImage = "url('http://lorempixel.com/400/200/sports/1/')"; 
     break; 
    case 6: 
     day = "Saturday"; 
     document.body.style.backgroundImage = "url('http://lorempixel.com/400/200/sports/1/')"; 
     break; 
} 
document.getElementById("demo").innerHTML = "Today is " + day; 


} 
+0

Получает выполненную работу, но если это что-то меньшее, то это будет приветствоваться! –

0

Для этого вам понадобится серверная функция.

Например

$date = date("d F"); 

if($date == "18 May"){ 
echo "style=\"background:rgba(0,0,0,1);\"" // don't forget to escape quotes and such 
} 
+0

Это также можно сделать с помощью javascript. Нет необходимости в сервере. – Patrick2607

+0

Какой язык программирования? – Quentin

+0

@Quentin, что 'PHP' – Novocaine

Смежные вопросы