白天晚上不同的背景
细心的人可能会发现,我博客白天和晚上的背景图片都不一样,分别显示的是嘀咕的白天和晚上图片。
实现起来并不难,简单的几句 JS 语句就能够搞定,背景图片点这里下载,存放到相应目录后,再添加下面的 JS 代码。
点击隐藏JAVASCRIPT CODE
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 代码。
点击隐藏JAVASCRIPT CODE
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"; };
写完收工。


我来的时候是晚上的背景? 都 6.44了
这个相当有意思啊,可以借鉴一下
小龙女路过,不错的文章。
@丕子
我设置的是 7 点到 18 点的时候是白天,其他时间段是晚上,所以也包括了早上的 6 点。
不过这个季节天亮得比较早,我改改吧。
@万戈
确实蛮有意思的。
IF 函数判断 大于7小于19点 哈哈!看得懂!
这个有意思,哈哈
哇 还有这样的效果呀,不错 支持。创新的想法 哈哈
晚上再来看看是不是变了
同理就可以实现周一周二,春夏秋冬!是吧!
@苏扬
编程最基础的了,很容易看懂的,呵呵。
@扣扣网
不是我想的,是在别的地方看到的,然后自己尝试了一下。
@彼岸星辰
确实可以,但是你这个想法比较蛋疼。
我家的是随机滴
额……
@彼岸星辰
是比较蛋疼。。
恩 这个还不错 放假了我也修改一下 背景不错 很喜欢
@忘记浪漫
果然变了
回访来了。
很有意思!! 学习中
这个貌似意义不是很大哦 真是折腾
这个用在你的博客上 很适合
你白天是山上游玩 晚上改成山上乘凉 很意境啊 哈哈
博主的博客要更新了 我来了好几次了 还是没更新 打屁股哦
@忘记浪漫
当然会变的啦。
@中南分校自考
白天晚上给访客的感觉不同,还是有点意义的。
@海天
汗,我可没想那么多,只是刚好看到嘀咕有白天黑夜的图片。
@扣扣网
我更新不频繁的,一个月最少就5篇吧,慢慢等更新吧,最迟我是半个月没更新,哇哈哈。
主题比较强悍。
能否发布些你曾经用过的主题,我指你修改过的.比如上次白色的哪个,或者这次的这个,当然现在你用的这个,等你下次更换主题后再发布.可以吗?
@wahyle
就是mg12的iNove,只是UI改动比较多一点。
@ly
主题不是我写的,用别人的东西,修改后再发布,对不起别人的共享精神。
我最多只能把我修改过的地方告诉你,你自己再去修改。
Wordpress 好玩的地方也就在这里,要不断的去折腾。
请问一下,评论效果是怎么实现的?
博客里应该能有,找找“`
@迎接
网上找的,不过博客里没发。
我找找,看还能不能找到。
@迎接
找到了,http://goo.gl/5CQu。
有什么不懂的再交流。。
我的那个主题就不用换背景了,我好像每次来看到都是晚上….
说明我不够细心啊,老薛的空间哪里有?
@逸冰
你白天天天忙着卖十字绣,哪有时间啊,哈哈。
@平平
laoxuehost.com,这个就是老薛的空间。
http://my.laoxuehost.com/aff.php?aff=134
从这里进去,我还能得到点好处。
@冰剑
非常感谢!!!
很有创意,偷偷学习了
晚上么,要么别改,改就改个煽情滴,几十个女的在后面抖奶才带劲。
网上我再来看看
@拆墙部队
好吧,你够邪恶
我说这么熟悉,原来是嘀咕的~
正需要这个呢,不过能研究一下天气背景么? 根据访客所在地区IP判断城市,然后判断天气,然后显示早晚天气背景,就像gmail的天气背景那样,呵呵
@yong
技术上实现起来并不难,但是完全没必要这样嘛。
最近你没少发奋啊~~,我想可以设置更多的背景~~,比如一小时一换?
@ryan
可以实现啊,时间已经取出来了,在加上判断就可以了,但是一小时换一次的话比较蛋疼。
代码高手啊~崇拜下~!