有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖。
本文通过 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('背景图片地址')";
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
喜欢就支持一下吧
相关推荐
评论 抢沙发

欢迎您留下宝贵的见解!
随即推荐
Windows 抖音解析工具 自用版
在当今的社交媒体时代,抖音已经成为人们获取娱乐和信息的重要平台之一。然而,由于抖音的视频通常无法直接下载,许多用户在想要保存喜欢的视频时会遇到困难。今天,我要向大家介绍一款名为“抖...
东南小说v1.5.50 去广告纯净版-免费追书
东南小说App是一款功能强大且免费的小说阅读软件,汇集了大量文学作品和各类小说资源。软件分类清晰,界面干净无广告弹窗,为用户提供舒适的阅读体验。内置百余书源,涵盖热门畅销作品和小众精...
暂无评论内容