Различные стили для разных дней недели

Различные стили для разных дней недели
  • Добавить комментарии
  • Печать
  • Добавить в избранные

Если вы заняты в веб-разработке, то наверное уже сталкивались с проблемой автоматического переключения CSS стилей в зависимости от событий. Например, от времени года, дня недели или от времени суток.

На сайте у Криса Койера был найден замечательный JavaScript сниппет, который автоматически подставляет нужный файл стилей в зависимости от дня недели.

<script type="text/javascript">
<!--
dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
dayNumber = new Date().getDay();
document.writeln('<link rel="stylesheet" type="text/css" href="' + dayNames[dayNumber] + '.css">');
//-->
</script>
<noscript>
<link rel="stylesheet" type="text/css" href="default.css">
</noscript>

Запуск скрипта очень прост. Вставьте JS код в шапку вашей страницы и назовите ваши CSS файлы согласно дням недели: Saturday.css, Friday.css, Sunday.css и т.д.

Если же в браузере пользователя JavaScript отключен, то по умолчанию будет показываться файл default.css.

Вот и все.

Таким же образом можно переделать скрипт на определение времени года и суток.

Источник: css-tricks.com

PS. Если вы ничего не смыслите в веб-разработке, то можете заказать создание сайта профессионалам, например, интернет-агентству «Webicom». Одной из его услуг является Создание сайта. Если вам нужен полный спектр услуг по созданию и продвижению интернет-проекта, то эта команда, то что вам нужно.

Тэги:

Нет комментариев на “Различные стили для разных дней недели”

добавить комментарий

Написать ответ

» Подписаться на комментарии к этой статье по RSS