Код ASP, PHP и JavaScript для переключения скинов CSS в зависимости от периода времени. Каждый должен знать, что веб-сайт может переключать разные стили CSS. Например, известная компания Tencent также добавила функцию переключения скинов в своей версии в этом году. Хорошая идея — автоматическая настройка стиля сайта в зависимости от времени. В этой автоматической настройке стиля сайта в зависимости от времени нет ничего нового. Я помню, что видел подобные статьи или методы давно, но не обращал на это особого внимания. в то время. Давайте поговорим о методах их реализации. На данный момент в Интернете существует два метода реализации:
1. Использование
ASP-версии серверного кода:
<link rel="stylesheet" type="text/css" href="
<%
если час(сейчас)<12, то
ответ.напишите "утро.css"
иначе если час(сейчас)<17 тогда
ответ.напишите "день.css"
еще
ответ.напишите "ночь.css"
конец, если
%>
"/>
PHP-версия:
<link rel="stylesheet" type="text/css" href="
<?php
$час = дата("Ч");
если($час <12)
эхо 'morning.css';
иначе, если($час <17)
эхо 'day.css';
еще
эхо 'night.css';
?>
" />
2. Используйте код JavaScript
<тип сценария="текст/javascript">
<!–
функция getCSS(){
datetoday = новая дата();
timenow = datetoday.getTime();
datetoday.setTime(время сейчас);
thehour = datetoday.getHours();
если (час<12)
display = "morning.css";
иначе, если (час<17)
дисплей = "день.css";
еще
дисплей = "ночь.css";
//(...просто добавьте еще, если хотите...)
вар css = '<';
css+='link rel="stylesheet" href='+display+' /';
css+='>';
document.write(css);
}
->
</скрипт>
Учитывая, что клиент может не поддерживать или отключать JavaScript, вам необходимо установить CSS по умолчанию.