Если вы заняты в веб-разработке, то наверное уже сталкивались с проблемой автоматического переключения 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.
Вот и все.
Таким же образом можно переделать скрипт на определение времени года и суток.
Нет комментариев на “Различные стили для разных дней недели”
добавить комментарий