• 圈子
  • 供求
  • 商城
  • 网址导航
  • 快讯
  • 文档
  • 公告
  • 问答
文章
文章用户商铺圈子网址导航文档快讯问答供求信息

{{userData.name}}已认证

文章

评论

关注

粉丝

K{{role.user_data.money}}
{{role.user_data.credit}}
您已完成今天任务的
  • 私信列表所有往来私信

  • 财富管理余额、积分管理

  • 推广中心推广有奖励

    NEW
  • 任务中心每日任务

    NEW
  • 成为会员购买付费会员

  • 认证服务申请认证

    NEW
  • 小黑屋关进小黑屋的人

    NEW
  • 我的订单查看我的订单

  • 我的设置编辑个人资料

  • 进入后台管理

  • 网站专区
    • WordPress
      • WP主题WP主题
      • WP美化WP美化
      • WP插件WP插件
      • WP技术WP技术
    • 网站源码
  • 宝塔Linux面板
  • 7b2
  • Ai产品
    • 图像处理
      • 图像背景移除图像背景移除
      • 图片无损放大图片无损放大
      • 图片Ai修复图片Ai修复
      • 图像生成图像生成
      • Ai图片扩展Ai图片扩展
      • Ai漫画生成Ai漫画生成
      • Ai图像转视频Ai图像转视频
      • 电商图片制作电商图片制作
    • 视频创作
      • 视频剪辑视频剪辑
      • 生成视频生成视频
      • Ai动画制作Ai动画制作
      • 字幕生成字幕生成
    • 开发编程
    • 效率助手
    • 聊天机器人
    • 艺术灵感
    • 趣味
    • 写作灵感
    • 医疗健康
    • 教育学习
    • 智能营销
    • 翻译
投稿

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

  • 7b2 特效
  • 22年6月6日
  • 编辑
7b2

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


顾名思义,根据设定时间,7b2网站会显示不同的颜色或背景图片,目前使用的是黑夜模式,故未测试该功能,详细的演示效果及代码如下

1.黑夜模式图片

白天的图片大家应该都有,分享一个夜晚的图片

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

2.背景图片/颜色自动切换代码

适用于所有WordPress网站,通过 Date 对象的 getHours() 方法自动获得当前时间,然后自动根据不同的时间段来自动改变页面的背景颜色,当然也可以实现自动更改背景图片等操作,感兴趣的可以自行研究。建议直接将下面的代码放在页脚文件footer.php里面。

<!-- 背景图片自动切换,教程https://www.xiaohulizyw.com/2197.html -->
<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>
<!-- 背景图片自动切换,教程https://www.xiaohulizyw.com/2197.html -->

 

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

#fff222和#000为颜色代码,可以自行改修颜色。

如果想换成图片的话就把上面的

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

 

替换成为

document.body.style.backgroundImage="url('背景图片地址https://www.xiaohulizyw.com/2197.html')";

相关美化请点击文末标签阅读!

声明:本站部分文章来源于网络,如有危害到您的合法权益请联系客服

给TA打赏
共{{data.count}}人
人已打赏
7b2WordPress
7b2

修改7b2认证图标

2022-6-5 14:03:41

特效

WordPress网站下雪特效

2022-6-9 1:11:41

1 条回复 A文章作者 M管理员

您必须登录或注册以后才能发表评论

  1. 奇它论坛 Guest
    22年6月12日

    https://www.qitabbs.com/19696.html

关于作者

7b2

初中lv2

文章

194

评论

0

关注

0

粉丝

0
[文章] 网站添加一个显示时间日期的小工具
[文章] 博客网站保护版权,防止复制查看源代码的方法
[文章] WordPress添加侧边彩色滚动条
[文章] 自动更新网站底部 Copyright © 年份
Ta的全部动态

导航

最新评论

PREVNEXT
  • 来自:
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
客服
  • 扫码打开当前页

  • QQ客服

  • 微信客服

返回顶部
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分

今日签到

连续签到

  • {{item.credit}}
  • 连续{{item.count}}天
查看所有
我的优惠劵
  • K优惠劵
    使用时效:无法使用
    使用时效:

    之前

    使用时效:永久有效
    优惠劵ID:
    ×
    限制以下商品使用: 限制以下商品分类使用: 不限制使用:
    [{{ct.name}}]
    所有商品和商品类型均可使用
没有优惠劵可用!

购物车
  • ×
    删除
购物车空空如也!

清空购物车 前往结算
您有新的私信
没有新私信
写新私信 查看全部

关于我们

本站建于2021年11月16日,在为客户提供最好的资源的同时,保证优秀的服务质量。

能够给用户最大的帮助是我们最大的奋斗目标。

联系与合作

  • 法律声明

    本站的法律声明

  • 在线举报

    提交在线工单

搜一搜

Copyright © 2025 小狐狸资源网
・赣ICP备2022004852号 ・赣公网安备36079002000462

保密I

首页专题认证
搜索菜单我的