ASP-, PHP- und JavaScript-Code zum Wechseln von CSS-Skins nach Zeiträumen Jeder sollte wissen, dass eine Website verschiedene CSS-Stile wechseln kann, da der bekannte Tencent bei seiner diesjährigen Überarbeitung auch die Funktion zum Wechseln von Skins hinzugefügt hat. Es ist eine gute Idee, den Site-Stil automatisch an die Zeit anzupassen. Ich erinnere mich, dass ich vor langer Zeit ähnliche Artikel oder Methoden gesehen habe, aber ich habe ihr keine besondere Aufmerksamkeit geschenkt zu der Zeit. Lassen Sie uns über ihre Implementierungsmethoden sprechen. Derzeit gibt es zwei Implementierungsmethoden im Internet:
1. Verwendung
der ASP-Version des serverseitigen Codes:
<link rel="stylesheet" type="text/css" href="
<%
wenn Stunde(jetzt)<12 dann
Response.write „Morgen.css“
elseif Stunde(jetzt)<17 dann
Response.write „day.css“
anders
Response.write „night.css“
Ende wenn
%>
"/>
PHP-Version:
<link rel="stylesheet" type="text/css" href="
<?php
$hour = date("H");
if($hour < 12)
echo 'Morgen.css';
sonst wenn($hour < 17)
echo 'day.css';
anders
echo 'night.css';
?>
" />
2. Verwenden Sie JavaScript-Code
<script type="text/javascript">
<!–
Funktion getCSS(){
datetoday = neues Datum();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour<12)
display = "morgen.css";
sonst wenn (thehour<17)
display = "day.css";
anders
display = "night.css";
//(...füge einfach mehr hinzu, wenn du möchtest...)
var css = '<';
css+='link rel="stylesheet" href='+display+' /';
css+='>';
document.write(css);
}
–>
</script>
Da der Client JavaScript möglicherweise nicht unterstützt oder deaktiviert, müssen Sie ein Standard-CSS festlegen.