shirley的梦想与现实

天气预报插入网页（或博客）代码详解

天气预报插入网页（或博客）代码详解

前次记得有个朋友问过如何在博客中插入天气预报的问题。但因当时有事匆匆要出去，回答得甚为简便。其实据风的所知，网上关于这块的讨论很多的。但是其中的很多已经失效了。这两天抽空整理了一下，决定把关于这方面的经验写成一篇日志，以供大家参考，希望能够给需要的朋友一些帮助。 当时在博客中插入天气预报，主要基于两个方面考虑：第一是方便自己知道所在地的即时天气情况；第二是为自己的博增加些亮点。如果刚好你也希望如此，那么就请仔细的读一读这篇日志罢。 总的来说，目前在博客中插入天气预报的方法基本上都是靠iframe实现的（歪酷的朋友又要抓狂了：）。虽然有些可以用脚本，但是不推荐，因为会导致页面打开速度受到较大的影响。 从实际效果的角度考虑，主要分为两种，一种是跑马灯式的一条文字从左而右重复播报，很细小的一条，不怎么起眼，而且播报的信息内容有限，更重要的是不怎么美观，所以风在此不推荐；另一种就是本文要详细探讨的，插入图形式的天气预报。在这种情况下，由于各人博客风格不一，那就需要找到最适合自己页面风格的那一型。因此，风在此搜集了6种方法，可供大家选择。 第一种： <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> 说明：这种适合于在网页的边栏插入。但一个缺点是，上面的4个城市是既定的，无法改成别的。插入时，选好网页上的位置，直接将左栏的源代码全部拷进去就行了 第二种： <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> 说明：这种 也适合于在网页的边栏插入。上面的城市可以自定，比如厦门可改成别的。定制的方法是修改我代码中标红的数字，从1开始代表“香港”开始，每个数字都代表一个城市，厦门是287，具体要哪个城市自己找一下罢。 第三种： <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> 说明：这种适合于在网页的头栏插入。上面的城市可以自定，比如 石家庄可改成别的。定制的方法是修改我代码中标红的数字。具体各个城市对照的id表可在此下载：城市名称及ID对照表（请右键点击—>另存为）。 第四种： <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=160 height=230 frameborder=0 scrolling=NO src=http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌></iframe> 说明：这种适合于在网页的边栏插入。上面的城市可以自定，比如南昌可改成别的。定制的方法是修改我代码中标红的名称。这里比较简单，直接用汉字改就行了。比如是福州的，你就直接把“厦门”改成福州就行。

【作者: shirley】【访问统计:】【2005年11月12日 星期六 18:01】【注册】【打印】