为blog添加天气预报功能

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

< 以下代码经证实有效>

第一种:

<iframe src="http://weather.265.com/weather.htm" width="160" height="54" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
[ 可以先修改再运行 ]

效果图: 点击看大图

第二种:

<IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss258.htm'></IFRAME>
[ 可以先修改再运行 ]

效果图: 点击看大图

第三种:

<IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src="http://news.sina.com.cn/iframe/weather/130101.html"></ifreame>
[ 可以先修改再运行 ]

效果图: 点击看大图

第四种:

<iframe width="469" height="218" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://appnews.qq.com/cgi-bin/news_weather_search?city=厦门" allowTransparency="true"></iframe>
[ 可以先修改再运行 ]

效果图: 点击看大图

第五种:

<IFRAME ID='ifm1' WIDTH='405' HEIGHT='332' ALIGN='center' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC="http://weather.qq.com/24.htm"></IFRAME>
[ 可以先修改再运行 ]

效果图: 点击看大图

第六种:

<iframe width="145" height="130" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://minisite.qq.com/Weather/news_new.html" allowTransparency="true"></iframe>
[ 可以先修改再运行 ]

效果图: 点击看大图

大家可根据自己的爱好,把代码插入要显示的位置即可。本站采用第一种,因为背景色和本站当前界面比较协调,而且简明。另外需要注意一下,以前很流行的一段代码(在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/archive/2006/07/20/455726.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值