细心的人可能会发现,我博客白天和晚上的背景图片都不一样,分别显示的是嘀咕的白天和晚上图片。 实现起来并不难,简单的几句 JS 语句就能够搞定,背景图片点这里下载,存放到相应目录后,再添加下面的 JS 代码。
1 2 3 4 5 6
| var hours = new Date().getHours(); if (hours >= 7 && hours < 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) { 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"; };
|
写完收工。