โค้ด ASP, PHP และ JavaScript สำหรับการสลับสกิน CSS ตามช่วงเวลา ทุกคนควรรู้ว่าเว็บไซต์สามารถเปลี่ยนสไตล์ CSS ที่แตกต่างกันได้ ตัวอย่างเช่น เนื่องจาก Tencent ที่รู้จักกันดีได้เพิ่มฟังก์ชันการสลับสกินในระหว่างการแก้ไขในปีนี้ เป็นความคิดที่ดีที่จะปรับรูปแบบเว็บไซต์ตามเวลาโดยอัตโนมัติ ซึ่งไม่ใช่เรื่องใหม่ ฉันจำได้ว่าเห็นบทความหรือวิธีการที่คล้ายกันเมื่อนานมาแล้ว แต่ฉันไม่ได้ให้ความสนใจเป็นพิเศษ ในเวลานั้น เรามาพูดถึงวิธีการนำไปใช้กัน ขณะนี้มีวิธีการใช้งานสองวิธีบนอินเทอร์เน็ต:
1. การใช้
โค้ดฝั่งเซิร์ฟเวอร์เวอร์ชัน ASP:
<link rel="stylesheet" type="text/css" href="
-
ถ้าชั่วโมง(ตอนนี้)<12 แล้ว
ตอบกลับเขียน "morning.css"
elseif ชั่วโมง (ตอนนี้)<17 แล้ว
ตอบกลับเขียน "day.css"
อื่น
ตอบกลับเขียน "night.css"
สิ้นสุดถ้า
-
-
เวอร์ชัน PHP:
<link rel="stylesheet" type="text/css" href="
<?php
$ชั่วโมง = วันที่("H");
ถ้า($ชั่วโมง < 12)
เสียงสะท้อน 'morning.css';
อย่างอื่นถ้า($ชั่วโมง < 17)
เสียงสะท้อน 'day.css';
อื่น
เสียงสะท้อน 'night.css';
-
-
2. ใช้โค้ดจาวาสคริปต์
<script type="text/javascript">
-
ฟังก์ชัน getCSS(){
datetoday = วันที่ใหม่ ();
timenow=datetoday.getTime();
datetoday.setTime(เวลาปัจจุบัน);
ชั่วโมง = datetoday.getHours();
ถ้า (ชั่วโมง<12)
จอแสดงผล = "morning.css";
อย่างอื่นถ้า (ชั่วโมง <17)
จอแสดงผล = "วัน.css";
อื่น
จอแสดงผล = "night.css";
//(...ถ้าต้องการเพิ่มอีกก็ใส่เพิ่มครับ...)
var css = '<';
css+='link rel="stylesheet" href='+display+' /';
css+='>';
เอกสาร. เขียน(css);
-
-
</สคริปต์>
เนื่องจากไคลเอนต์อาจไม่รองรับหรือปิดการใช้งาน JavaScript คุณจึงต้องตั้งค่า CSS เริ่มต้น