xiuno bbs 根据时间修改背景或图片-xiuno教程-Xiuno论坛

xiuno bbs 根据时间修改背景或图片

xinyu

发布于 2024-12-04 130 0

有些时侯为了丰富页面的显示效果，将页面制作成根据时间变换页面背景的样式，这样会使浏览者对此网站不会感觉厌倦，同时也会觉得网站制作的非常新颖。

本文通过 Date 对象的 getHours() 方法获得当前时间，然后根据不同的时间段来改变页面的背景颜色，当然也可以实现更改背景图片等操作，大家也可自行研究。

直接将下面的代码放在页脚文件foot或者footer里面。

<script type="text/javascript">function changeBg(){  var date = new Date(),  time = date.getHours();  if(time > 6 && time < 18){      document.body.style.backgroundColor="#fff222";}  else{      document.body.style.backgroundColor="#000";}}changeBg();</script>

上面代码中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、本帖图片及内容纯属发布用户个人意见，与本站无关！
4，本帖如为原创资源/教程分享帖，则本站与发布用户共同享有内容版权！
6，本站管理有权在不经发布者同意的情况下，根据版规及相关法律法规删除/修改本帖！
7，如无特别说明，任何个人或者组织不得转载本帖内容！任何个人或团体不得将本站资源用于非法用途！
8，未尽事宜最终解释权归本站（小白网）所有！

签名： 这家伙太懒了，什么也没留下。

──── 已有0人觉得很赞 ────

投诉举报

点击阅读全文

最新回复 (0)