Pull to refresh

Смена оформления сайта в зависимости от времени суток.

Reading time 1 min
Views 12K
Подобное конечно не новинка, и технически совершенно не сложно, но возможно кому то это покажется интересным и нужным.
Сразу отмечу, что меня побудил написать пост этот блог.

Многие видели в сети и писали скрипты, которые здороваются с посетителем по разному, в зависимости от времени суток («доброе утро», «добрый день», «привет тебе, человек с бессонницей»). Но можно пойти дальше, меняя оформление сайта, путём переключателя CSS.


Вот к чему мы будем стремиться:


Были выбраны следущие промежутки времени:
С пяти утра, до восьми;
С восьми утра, до полудня;
С полудня, до трёх дня;
С трёх дня, до шести вечера;
С шести вечера, до девяти;
С девяти вечера до пяти утра;
Изменять и дополнять эти промежутки времени труда не составит.

Сам код:



Устанавливаем один из стилей как дефолтный, на случай, если у пользователя отключен JS.



Ну и приготовьте все нужные стили, без них не зафурычит :)
Вот в общем и всё.
Кросс-пост из моего блога.
Tags:
Hubs:
+19
Comments 75
Comments Comments 75

Articles