PCDVD數位科技討論區 - 網頁問題,如何做網頁那種白天模式和晚上模式?

PCDVD數位科技討論區 (https://www.pcdvd.com.tw/index.php)

- 七嘴八舌異言堂 (https://www.pcdvd.com.tw/forumdisplay.php?f=12)

- - 網頁問題,如何做網頁那種白天模式和晚上模式? (https://www.pcdvd.com.tw/showthread.php?t=732055)

網頁問題,如何做網頁那種白天模式和晚上模式?

我有好奇疑問這個問題?

大家知道嗎? :confused:
比如像那個總統府,那個白天已經變成白天模式,到了晚上就變成晚上模式,有人知道那種程
式嗎?謝謝!!!

用javascript抓時間判斷是白天還是晚上再改變css樣式

引用:

作者蓋特機器人

用javascript抓時間判斷是白天還是晚上再改變css樣式

還是有點不懂 :ase

怎麼改變CSS樣式?

我推~

剛好我也有同樣的疑問~ 哈

太陽公公出來了
小波:你好
丁丁:你好
拉拉:你好
迪西:你好

太陽公公回家了
小波:再見
丁丁:再見
拉拉:再見
迪西:再見
.........................................END

引用:

作者TRUDE

還是有點不懂 :ase

怎麼改變CSS樣式?

舉例來說你可能一開始就先做好兩個樣式表例如：白天.css,夜晚.css分別是白天跟晚上用的樣式，然後再用javascript去抓時間來動態的載入樣式。

我去找找相關的資料，晚點在po上來。

用javascript的話
<script language="JavaScript">
var d=new Date();
var hr=d.getHours();
if ((hr<6) || (hr>18)) {
document.write('<link rel="stylesheet" type="text/css" href="styles/night.css" media="screen" />');
}
else {
document.write('<link rel="stylesheet" type="text/css" href="styles/day.css" media="screen" />');
}
</script>
判斷的時間可以自己修改
這個時間是跟著瀏覽器跑的

用PHP
<?php
echo ' <link rel="stylesheet" type="text/css" href="';
$HR = date("H");
if (($HR<6) || ($HR >18)) {
echo "styles/night.css";
}
else {
echo "styles/day.css";
}
echo '"media="screen" />';
echo "\n";
?>
這個時間是跟web server跑

這種東西使用要小心
不要像無名舊首頁那樣造成使用者的困擾

引用:

作者蓋特機器人

我有爬文過~還是找不到 :ase

不過我找到相關的...

引用:

使用說明：

首先我們將圖檔設定為三個(1.gif)(2.gif)(3.gif) 可依個人設定不同來設定
利用JavaScript中時間的物件，也就是下面這行程式碼：
var hours = today.getHours()；
抓取現在時間設給變數hours。利用IF的條件判斷，根據不同時間讀取
不同檔案，以本程度例子而言就是；
0:00--12:00讀取1.gif
12:00--18:00讀取2.gif
18:00--24:00讀取3.gif
這可依個人不同來設定

控制碼內容：

<script language="JavaScript">
</script>

我想應該是這個吧!? :confused:

引用:

作者capitalm

應該不是這個~我指是說網頁進白天時間模式,看到白天圖照,晚上時間模式就進入晚上圖照 :ase

我有嚐試過,好像無效 :jolin:
我使用FrontPage 2003...