T-Eye 第3只眼 　
一直很用心很用心，用主赐予我的第三只眼睛，打量一切 　
你笑盈盈的，在水一方，朝我微微招手——佛说，百世修得同舟渡

     本站导航

      链接事项      致谢事宜      纸条中心      每日Ｅ乐      搞笑趣图      求助通道
     博客素材      美博技巧      天籁之音      精华日志      祈愿漂流      风颖相册      管理入口
　

　 　

天气预报插入网页（或博客）代码详解   【天气预报 源代码 博客 教程 美博技巧 】    2005-08-24

前次记得有个朋友问过如何在博客中插入天气预报的问题。但因当时有事匆匆要出去，回答得甚为简便。其实据风的所知，网上关于这块的讨论很多的。但是其中的很多已经失效了。这两天抽空整理了一下，决定把关于这方面的经验写成一篇日志，以供大家参考，希望能够给需要的朋友一些帮助。

当时在博客中插入天气预报，主要基于两个方面考虑：第一是方便自己知道所在地的即时天气情况；第二是为自己的博增加些亮点。如果刚好你也希望如此，那么就请仔细的读一读这篇日志罢。

总的来说，目前在博客中插入天气预报的方法基本上都是靠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"></iframe>　
说明：这种适合于在网页的头栏插入。上面的城市可以自定，比如 石家庄可改成别的。定制的方法是修改我代码中标红的数字。具体各个城市对照的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>
说明：这种适合于在网页的边栏插入。上面的城市可以自定，比如南昌可改成别的。定制的方法是修改我代码中标红的名称。这里比较简单，直接用汉字改就行了。比如是福州的，你就直接把“厦门”改成福州就行。






风之眼眸   Wroted aT   02:32:00  TrackbacK(0) | EdiT | 提示：如需摘录此文，请点击下列通道

  【天天网摘】【我摘网摘】【天极网摘】【博采中心】【新浪ViVi】【人人网摘】【和讯网摘】

　 　 　


AttentioN

             T-Eye竭诚欢迎朋友们的到来——留言提示~_O：
　　　　如果您是针对某篇日志的具体评论，请在该日志页右侧的“To Say SomethinG”区留言
　　　　如果您是对整个网站进行评价，或者与风、颖个人的交流，请在纸条中心留言
　　　　如果您是希望与T-Eye交换友情链接，请到链接事项，参照相应说明进行留言
　　　　如果您遇到某些问题，需要T-Eye的帮忙，请到求助通道留言，我们很乐意帮您解决困难

CommenT

加如天气预报
lixingyu (http://你的样子)   发表于  2006-12-02 11:53:02

专家我想请教一下将第二种天气预报插入博客的具体做法谢谢因我是一个新手路盲电脑的文凭超低
薰衣草 (http://blog.sina.com.cn/g/1263119053)   发表于  2006-11-07 01:21:59

真的是谢谢你，我试了好多，都没能用了，你的这个一试就行了，真的是很感谢
如果·下辈子 (http://blog.sina.com.cn/u/1247995170)   发表于  2006-08-05 11:21:56

感谢你的代码！

欢迎光临我的BLOG：

http://blog.sina.com.cn/u/1223789570
带着mask生活 (http://blog.sina.com.cn/u/1223789570)   发表于  2006-04-02 19:39:37

风哥哥：

我想问一下，就你说的那个跑马灯的天气预报代码怎么加呀？我的客户就想要这种样式的，他要加贵阳的天气预报
风之眼眸 回复  风的影子 说：
你到贵阳信息港主页，或者贵阳天气预报网去看看有没有现成的的跑马预报可以借用，如果可以问题就很简单了，直接用iframe就可以了；如果没有，就麻烦许多了，因为我自身非编程出身的，就到不了那个程度了，sorry
(2005-09-27 16:22:33)
风的影子 ()   发表于  2005-09-27 09:54:26

为什么我的天气预报点哪个 之后都是北京啊~~我要疯了

上面的都变 就下面的北京 我恨北京
风之眼眸 回复 babylond 说：
你是说每次打开网页默认都是北京还是怎么回事？检查一下代码，找到你想要的地区号码，方法是把iframe里的那个网址copy到浏览器地址里，在打开的页面查看源代码，一般里边都能找到你要的地区数值代码。如果你不会，把你的网址给我看看
(2005-09-20 21:09:56)
babylond ()   发表于  2005-09-20 18:18:58

我喜欢天气预报插入的第二种代码，可是代码中代表城市的数字258是庐山，我不知道相对应上海的数字是多少，也不知去哪里找。谢谢，愿我没有打扰你！
风之眼眸 回复 我看到那无限光辉 说：
heh:)没事,上海的数值是:252
(2005-08-27 22:31:42)
我看到那无限光辉 (http://niuda421.tianyablog.com/)   发表于  2005-08-27 21:47:52

播放器就在页面的左上方日历的中间，看到了吧？我说的问题是在修改自定义模板的时候，加入你这个天气预报代码后无法进行保存，不知是什么原因。
风之眼眸 回复 同行1917 说：
我仔细检查了一下你的代码，没有明显的问题，但是有一个小小的细节——因为没法实际测试，我也不知道是不是就这个原因：
你找到“<td bgcolor="#FFFFFF">心如浮云常自在，意如流水任西东。</td></tr>”代码，然后把原来的那个iframe那行删去；删去后加入下面这段代码“<tr><td><IFRAME id=iframe1 name=iframe1 marginWidth=0 marginHeight=0 src="http://www.elxy.net/md/cnsidemp.html" frameBorder=0 width=195px scrolling=no height=37 target="main"></IFRAME></td></tr>”
（都知需要取引号内的就行了）
(2005-08-27 20:59:13)
同行1917 (http://ptrgh_1917.tianyablog.com/)   发表于  2005-08-27 15:49:05

呵呵上午打开电脑，看到我被感染了几个字，还晕了半天呢，接着往下看才明白，哈哈挺有意思的一个游戏，让我忍不住想乐，只要发表了就可以了是吗？要公开发表吗？呵呵不叫你专家我叫谁去呀，目前我的博客链接里，就你是专家级的。快点答复偶，我把怪癖暂时保存，还没公开呢。
风之眼眸 回复 同行1917 说：
当然要公开发表啦：）
对了，你叶子上我没有看到有插入播放器啊，你说的那个问题在哪里？
(2005-08-27 13:20:45)
同行1917 (http://ptrgh_1917.tianyablog.com/)   发表于  2005-08-27 11:10:48

不能保存，自从加了那个播放器，模板再修改后就不能保存了，专家：这是怎么回事？
风之眼眸 回复 同行1917 说：
可是没看到你的叶子上有播放器啊？是你现在的BloG吗？
还有，叫偶专家阿，折杀我了！
(2005-08-26 23:12:52)
同行1917 (http://ptrgh_1917.tianyablog.com/)   发表于  2005-08-26 19:08:01

挖哈哈。



风哥哥真好！^ ^
风之眼眸 回复 YY 说：
呵呵，过誉了……
(2005-08-24 23:16:05)
YY (http://loveangel.99blog.com)   发表于  2005-08-24 23:01:28
UpdatinG


To say somethinG

Your namE:

Your bloG:

Your commenT: