根據時間段來自動切換網頁背景顏色或圖片背景

有些時侯為了豐富頁面的顯示效果,將頁面製作成根據時間變換頁面背景的樣式,這樣會使流覽者對此網站不會感覺厭倦,同時也會覺得網站製作的非常新穎。

本文通過 Date 物件的 getHours() 方法獲得當前時間,然後根據不同的時間段來改變頁面的背景顏色,當然也可以實現更改背景圖片等操作,大家也可自行研究。

直接將下面的代碼放在頁腳檔 foot 或者 footer 裡面

上面代碼中 time > 6 && time < 18 為時間,指的是早上6點到晚上6點之間,可以自行修改時間。

上面#fff222#000為顏色代碼,可以自行改修顏色。

如果想換成圖片的話就把上面的代碼

document.body.style.backgroundColor="#fff222";
document.body.style.backgroundColor="#000";

替換成下面的代碼

document.body.style.backgroundImage="url('背景圖片地址')";
版權聲明 1 如果您喜歡本站,不花錢捐贈本站的方法>點廣告就是最好的方法~
2 有問題請聯繫站長加群版權下架/違規處理軟體打不開/閃退/報錯
3 這些資訊可能會説明你:
下載幫助 | 報毒說明 | 進站必看
4 本站資源存儲在OneDrive網盤,如發現連結失效,請聯繫我更新
5 本站資源均來源於網路,只作學習交流使用,版權歸原作者所有,請於下載后24小時內刪除,若作商業用途,請聯繫原作者授權,由於未授權發生的侵權行為與本站無關,若本站侵犯了您的權益,請聯繫本站刪除,郵箱: ngame@ngameyt.com

0 條回复 A文章作者 M管理员
    暫無討論,說說你的看法吧
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索