期間に応じて CSS スキンを切り替えるための ASP、PHP、JavaScript コード。たとえば、有名な Tencent も今年の改訂でスキンを切り替える機能を追加しました。時間に応じてサイトのスタイルを自動的に調整するのは良いアイデアです。この時間に応じてサイトのスタイルを自動調整することは、昔に似たような記事や方法を見た記憶がありますが、特に気にしていませんでした。当時。実装方法について説明しましょう。現在、インターネット上には 2 つの実装方法があります。
1.
ASP バージョンのサーバー側コードを使用します。
<link rel="stylesheet" type="text/css" href="
<%
時(現在)<12の場合
応答.write "朝.css"
elseif 時間(現在)<17 then
応答.write "day.css"
それ以外
応答.write "night.css"
終了する場合
%>
"/>
PHPのバージョン:
<link rel="stylesheet" type="text/css" href="
<?php
$hour = date("H");
if($hour < 12)
エコー「朝.css」;
else if($hour < 17)
エコー「day.css」;
それ以外
エコー「night.css」;
?>
" />
2. JavaScript コードを使用する
<script type="text/javascript">
<!–
関数 getCSS(){
datetoday = 新しい日付();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (時間<12)
表示 = "朝.css";
else if (時間<17)
表示 = "day.css";
それ以外
表示 = "night.css";
//(...必要に応じてさらに追加してください...)
var css = '<';
css+='link rel="スタイルシート" href='+display+' /';
css+='>';
document.write(css);
}
–>
</script>
クライアントが JavaScript をサポートしていない、または無効にしている可能性があることを考慮して、デフォルトの CSS を設定する必要があります。