白天晚上不同的背景

hack
移动设备上继续阅读

细心的人可能会发现，我博客白天和晚上的背景图片都不一样，分别显示的是嘀咕的白天和晚上图片。 实现起来并不难，简单的几句 JS 语句就能够搞定，背景图片点这里下载，存放到相应目录后，再添加下面的 JS 代码。

1
2
3
4
5
6
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")
};

注意了，使用上面的 JS 代码需要装载 jQuery 库才可以，如果你不愿意装载一个 jQuery 进博客的话，也可以使用下面这段 JS 代码。

1
2
3
4
5
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";
};

写完收工。