B2主题美化 根据时间自动切换网站背景颜色/图片

此教程适用于所有WordPress网站,通过 Date 对象的 getHours() 方法自动获得当前时间,然后自动根据不同的时间段来自动改变页面的背景颜色,当然也可以实现自动更改背景图片等操作,感兴趣的可以自行研究。

教程

建议直接将下面的代码放在页脚文件footer.php里面。

面代码中time > 6 && time < 18为时间,指的是早上6点到晚上6点之间,可以自行修改时间。

如果想换成图片的话,将代码中的部分代码替换修改即可。

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

替换为

document.body.style.backgroundImage="url('背景图片地址')";

最后分享一个夜晚的图片

图片[1]-B2主题美化 根据时间自动切换网站背景颜色/图片-AA源码网 | 源码收藏
温馨提示:若内容/图片/下载链接失效,请在下方留言或登录后私信站长

本文结束END


© 版权声明
THE END
喜欢就支持一下吧
点赞491赞赏 分享
评论 共1条

请登录后发表评论