为blog添加天气预报功能

今天才发现前天加进去的天气预报,那个乌云和彩虹的标志,竟然不是当天的天气情况,而只是那个网站的标志(偶真笨死了!)。一怒之下,把它扔了。放狗逛了好久,终于在疯人物语的BLOG上找到几段超酷实用的天气预报代码,整理分享如下:

<以下代码经证实有效>

第一种:


[ 可以先修改再运行 ]

效果图:点击看大图

第二种:


[ 可以先修改再运行 ]

效果图:点击看大图

第三种:


[ 可以先修改再运行 ]

效果图:点击看大图

第四种:


[ 可以先修改再运行 ]

效果图:点击看大图

第五种:


[ 可以先修改再运行 ]

效果图:点击看大图

第六种:


[ 可以先修改再运行 ]

效果图:点击看大图

大家可根据自己的爱好,把代码插入要显示的位置即可。本站采用第一种,因为背景色和本站当前界面比较协调,而且简明。另外需要注意一下,以前很流行的一段代码(在Google上搜到的90%都是这一段),现在已经不能用了,特此写出来,以免大家浪费精力:

<iframe width="150" height="240" frameborder="0" scrolling="No" src='http://appnews.qq.com/cgi-bin/news_qq_search?city=xxx'></iframe>

其中的“xxx”是每个城市的代码:比如武汉的就是%CE%E4%BA%BA
下面是其他的一些城市的编码: 

   上海-%C9%CF%BA%A3 
   北京-%B1%B1%BE%A9 
   青岛-%C7%E0%B5%BA 
   济南-%BC%C3%C4%CF 
   武汉-%CE%E4%BA%BA
   福州-%B8%A3%D6%DD


原文地址:https://www.cnblogs.com/ami/p/455726.html