根据天气和时间动态更换的博客背景图
之前博客的背景图是一个永恒的晴天……
因为一开始就是当成一个可以根据时间和天气轮换的设计,但是懒得去写 js ,于是就是如大家所见的那样。
刚刚闲得无聊,把整个逻辑补完了。用到的是新浪的天气 js 接口,然后用一组图片搞定了他们。
核心代码如下:
var t = Math.floor(((new Date()).getHours() + 6) / 5),
f = 'bright' + t;
if (w.indexOf('雨')>=0 || w.indexOf('雪') >= 0) {
f = 'rainy';
} else if (w.indexOf('云')>=0 || w.indexOf('阴') >= 0) {
f = 'cloudy' + t;
}
if (document.body.clientWidth > 600) {
document.body.style.backgroundImage = 'url("' + f + '.jpg")';
}
具体的效果,可以参考本博客背景,也可以移步演示页面。
相应的几张背景图为原创,谢绝扒图。如需自用,请联系我。