var hours = new Date().getHours();//new 一个当前时间，取当前时间的小时；
if (hours >= 7 && hours < 19) {//if 判断，如果当前小时大于等于 7 点并且小于 19 点
    $('body').css("background", "url(bg_day.jpg) repeat-x fixed center top")
} else {//否则
    $('body').css("background", "url(bg_night.jpg) repeat-x fixed center top")
};

var hours = new Date().getHours();//new 一个当前时间，取当前时间的小时；
if (hours >= 7 && hours < 19) {//if 判断，如果当前小时大于等于 7 点并且小于 19 点
    document.body.style.background = "background-image", "url(bg_day.jpg) repeat-x fixed center top";
} else {//否则
    document.body.style.background = "background-image", "url(bg_night.jpg) repeat-x fixed center top";
};

已有 44 条评论 »

1. 

   丕子 2010-07-06 06:44:36

   回复

   我来的时候是晚上的背景？ 都 6.44了
2. 

   万戈 2010-07-06 08:16:47

   回复

   这个相当有意思啊，可以借鉴一下
3. 

   佳缘小龙女 2010-07-06 09:32:15

   回复

   小龙女路过，不错的文章。
4. 

   冰剑 2010-07-06 09:47:53

   回复

   @丕子
   我设置的是 7 点到 18 点的时候是白天，其他时间段是晚上，所以也包括了早上的 6 点。
   不过这个季节天亮得比较早，我改改吧。

   @万戈
   确实蛮有意思的。
5. 

   苏扬 2010-07-06 10:25:54

   回复

   IF 函数判断 大于7小于19点 哈哈！看得懂！
6. 

   insect 2010-07-06 14:17:07

   回复

   这个有意思，哈哈
7. 

   扣扣网 2010-07-06 15:06:57

   回复

   哇 还有这样的效果呀，不错 支持。创新的想法 哈哈
8. 

   忘记浪漫 2010-07-06 17:51:52

   回复

   晚上再来看看是不是变了
9. 

   彼岸星辰 2010-07-06 18:57:45

   回复

   同理就可以实现周一周二，春夏秋冬！是吧！
10. 

    冰剑 2010-07-06 19:21:05

    回复

    @苏扬
    编程最基础的了，很容易看懂的，呵呵。

    @扣扣网
    不是我想的，是在别的地方看到的，然后自己尝试了一下。

    @彼岸星辰
    确实可以，但是你这个想法比较蛋疼。
11. 

    灵曦 2010-07-06 21:01:22

    回复

    我家的是随机滴
12. 

    浩子 2010-07-06 21:53:20

    回复

    额……
    :lol:
13. 

    沉冰浮水 2010-07-07 13:24:21

    回复

    @彼岸星辰
    是比较蛋疼。。
14. 

    签名 2010-07-07 13:30:59

    回复

    恩 这个还不错 放假了我也修改一下 背景不错 很喜欢
15. 

    忘记浪漫 2010-07-08 00:34:42

    回复

    @忘记浪漫

    果然变了
    :o
16. 

    且听风吟 2010-07-08 10:41:00

    回复

    回访来了。
17. 

    lenomon 2010-07-08 13:04:38

    回复

    很有意思！！ 学习中
18. 

    中南分校自考 2010-07-08 23:06:26

    回复

    这个貌似意义不是很大哦 真是折腾
19. 

    海天 2010-07-09 10:45:53

    回复

    这个用在你的博客上 很适合
    你白天是山上游玩 晚上改成山上乘凉 很意境啊 哈哈
20. 

    扣扣网 2010-07-09 11:44:13

    回复

    博主的博客要更新了 我来了好几次了 还是没更新 打屁股哦
21. 

    冰剑 2010-07-09 12:10:14

    回复

    @忘记浪漫
    当然会变的啦。

    @中南分校自考
    白天晚上给访客的感觉不同，还是有点意义的。

    @海天
    汗，我可没想那么多，只是刚好看到嘀咕有白天黑夜的图片。

    @扣扣网
    我更新不频繁的，一个月最少就5篇吧，慢慢等更新吧，最迟我是半个月没更新，哇哈哈。
22. 

    wahyle 2010-07-09 14:15:14

    回复

    主题比较强悍。
23. 

    ly 2010-07-09 14:59:14

    回复

    能否发布些你曾经用过的主题,我指你修改过的.比如上次白色的哪个,或者这次的这个,当然现在你用的这个，等你下次更换主题后再发布.可以吗？
24. 

    冰剑 2010-07-09 20:49:15

    回复

    @wahyle
    就是mg12的iNove，只是UI改动比较多一点。

    @ly
    主题不是我写的，用别人的东西，修改后再发布，对不起别人的共享精神。
    我最多只能把我修改过的地方告诉你，你自己再去修改。
    Wordpress 好玩的地方也就在这里，要不断的去折腾。
25. 

    迎接 2010-07-09 23:52:32

    回复

    请问一下,评论效果是怎么实现的?
    博客里应该能有,找找```
26. 

    冰剑 2010-07-09 23:57:12

    回复

    @迎接
    网上找的，不过博客里没发。
    我找找，看还能不能找到。
27. 

    冰剑 2010-07-10 00:00:51

    回复

    @迎接
    找到了，http://goo.gl/5CQu。
    有什么不懂的再交流。。
28. 

    逸冰 2010-07-10 01:44:36

    回复

    我的那个主题就不用换背景了，我好像每次来看到都是晚上....
29. 

    平平 2010-07-10 15:43:59

    回复

    说明我不够细心啊，老薛的空间哪里有？
30. 

    冰剑 2010-07-10 15:47:40

    回复

    @逸冰
    你白天天天忙着卖十字绣，哪有时间啊，哈哈。

    @平平
    laoxuehost.com，这个就是老薛的空间。
    http://my.laoxuehost.com/aff.php?aff=134
    从这里进去，我还能得到点好处。
31. 

    迎接 2010-07-10 19:04:25

    回复

    @冰剑
    非常感谢!!!
32. 

    茶盘 2010-07-16 22:13:42

    回复

    很有创意，偷偷学习了
33. 

    拆墙部队 2010-07-17 08:53:16

    回复

    晚上么，要么别改，改就改个煽情滴，几十个女的在后面抖奶才带劲。 :lol:
34. 

    蛋卷 2010-07-17 16:02:47

    回复

    网上我再来看看
35. 

    小不点 2010-07-22 17:54:25

    回复

    @拆墙部队
    好吧，你够邪恶
36. 

    小松 2010-07-22 18:00:34

    回复

    我说这么熟悉，原来是嘀咕的~
37. 

    yong 2010-07-30 10:23:28

    回复

    正需要这个呢，不过能研究一下天气背景么？ 根据访客所在地区IP判断城市，然后判断天气，然后显示早晚天气背景，就像gmail的天气背景那样，呵呵
38. 

    冰剑 2010-07-30 13:07:19

    回复

    @yong
    技术上实现起来并不难，但是完全没必要这样嘛。
39. 

    ryan 2010-08-01 09:40:47

    回复

    最近你没少发奋啊~~，我想可以设置更多的背景~~，比如一小时一换？
40. 

    冰剑 2010-08-01 13:10:03

    回复

    @ryan
    可以实现啊，时间已经取出来了，在加上判断就可以了，但是一小时换一次的话比较蛋疼。
41. 

    求索阁 2010-08-04 07:47:00

    回复

    代码高手啊~崇拜下~！
42. 

    笨小孩 2010-09-10 09:02:36

    回复

    你这个是基于JS判断的，所以如果用户电脑时间不对的话，那么背景就是错误的~~你自己可以测试一下~~~
43. 

    冰剑 2010-09-11 10:07:20

    回复

    @笨小孩
    这我知道啊，JS本来就是客户端的脚本。
44. 

    无冷 2011-04-08 23:35:10

    回复

    这个不错哦，值得试试看，晚上时候可以把背景做暗点