PCDVD數位科技討論區
PCDVD數位科技討論區   註冊 常見問題 標記討論區為已讀

回到   PCDVD數位科技討論區 > 其他群組 > 七嘴八舌異言堂
重新載入此頁 網頁問題,如何做網頁那種白天模式和晚上模式?
帳戶
密碼
 

 
第1頁 共2頁 1 2 下一頁
回應
 
主題工具
TRUDE
Elite Member
 
TRUDE的大頭照
 

加入日期: Jun 2003
您的住址: [Sea Otter工作室]
文章: 4,111
網頁問題,如何做網頁那種白天模式和晚上模式?
我有好奇疑問這個問題?

大家知道嗎?
比如像那個總統府,那個白天已經變成白天模式,到了晚上就變成晚上模式,有人知道那種程
式嗎?謝謝!!!
     
      
__________________
舊 2007-07-15, 11:00 AM #1
回應時引用此文章
TRUDE離線中  
蓋特機器人
Amateur Member
 
蓋特機器人的大頭照
 

加入日期: Dec 2005
文章: 44
用javascript抓時間判斷是白天還是晚上再改變css樣式
 
舊 2007-07-15, 11:22 AM #2
回應時引用此文章
蓋特機器人離線中  
TRUDE
Elite Member
 
TRUDE的大頭照
 

加入日期: Jun 2003
您的住址: [Sea Otter工作室]
文章: 4,111
引用:
作者蓋特機器人
用javascript抓時間判斷是白天還是晚上再改變css樣式


還是有點不懂

怎麼改變CSS樣式?
__________________
舊 2007-07-15, 11:36 AM #3
回應時引用此文章
TRUDE離線中  
PAPAGIRL
訪客
 
文章: n/a
我推~

剛好我也有同樣的疑問~ 哈
舊 2007-07-15, 12:06 PM #4
回應時引用此文章
 
j66
Advance Member
 

加入日期: Oct 2006
文章: 364
太陽公公出來了
小波:你好
丁丁:你好
拉拉:你好
迪西:你好

太陽公公回家了
小波:再見
丁丁:再見
拉拉:再見
迪西:再見
.........................................END
舊 2007-07-15, 12:18 PM #5
回應時引用此文章
j66離線中  
蓋特機器人
Amateur Member
 
蓋特機器人的大頭照
 

加入日期: Dec 2005
文章: 44
引用:
作者TRUDE
還是有點不懂

怎麼改變CSS樣式?


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

我去找找相關的資料，晚點在po上來。
舊 2007-07-15, 12:21 PM #6
回應時引用此文章
蓋特機器人離線中  
capitalm
Major Member
 
capitalm的大頭照
 

加入日期: Jun 2003
您的住址: where the light is
文章: 271
用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跑

這種東西使用要小心
不要像無名舊首頁那樣造成使用者的困擾
舊 2007-07-15, 12:44 PM #7
回應時引用此文章
capitalm離線中  
TRUDE
Elite Member
 
TRUDE的大頭照
 

加入日期: Jun 2003
您的住址: [Sea Otter工作室]
文章: 4,111
引用:
作者蓋特機器人
舉例來說你可能一開始就先做好兩個樣式表例如：白天.css,夜晚.css分別是白天跟晚上用的樣式，然後再用javascript去抓時間來動態的載入樣式。

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


我有爬文過~還是找不到

不過我找到相關的...

引用:
使用說明：

首先我們將圖檔設定為三個(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">
<!---
today=new Date();
var hours = today.getHours();
{if((hours>0)&&(hours<12))
document.write("<IMG SRC="+"1.gif"+"><br>")
else
{if((hours>12)&&(hours<18))
document.write("<IMG SRC="+"2.gif"+"><br>")

else
{if((hours>18)&&(hours<24))
document.write("<IMG SRC="+"3.gif"+"><br>")

}
}
}
//--></script>


我想應該是這個吧!?
__________________
舊 2007-07-15, 01:25 PM #8
回應時引用此文章
TRUDE離線中  
TRUDE
Elite Member
 
TRUDE的大頭照
 

加入日期: Jun 2003
您的住址: [Sea Otter工作室]
文章: 4,111
引用:
作者capitalm
用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.c...


應該不是這個~我指是說網頁進白天時間模式,看到白天圖照,晚上時間模式就進入晚上圖照
__________________
舊 2007-07-15, 01:28 PM #9
回應時引用此文章
TRUDE離線中  
TRUDE
Elite Member
 
TRUDE的大頭照
 

加入日期: Jun 2003
您的住址: [Sea Otter工作室]
文章: 4,111
我有嚐試過,好像無效
我使用FrontPage 2003...
__________________
舊 2007-07-15, 01:52 PM #10
回應時引用此文章
TRUDE離線中  


 
第1頁 共2頁 1 2 下一頁
  回應

« 上一主題 | 下一主題 »

POPIN
主題工具

發表文章規則
您不可以發起新主題
您不可以回應主題
您不可以上傳附加檔案
您不可以編輯您的文章
vB 代碼打開
[IMG]代碼打開
HTML代碼關閉



所有的時間均為GMT +8。 現在的時間是07:31 PM.

聯絡我們 - PCDVD數位科技討論區 - 回到頂端

vBulletin Version 3.0.1
powered_by_vbulletin 2025。