资源整合 让你的网站拥有天气预报功能

　　其实想让自己的网站拥有天气预报的功能只需要我们整合一下第三方的资源，现在提供天气预报的第三方网站真的很多了，而且样式也是五花八门，各有千秋，部落在近期整理了一些现在比较流行的天气预报代码，并且对部分代码进行了一些对比和分析，希望对大家有用。

　　1、265导航网站的天气预报代码

　　<iframe src="http://weather.265.com/weather.htm" width="168" height="50" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="265"></iframe>

265天气预报效果

　　优点：随访问IP而自动显示该城市天气。

　　缺点：使用265的天气预报后会出现在IE中后退网页无法后退的问题。

　　官方网站：http://weather.265.com/

　　2、新浪天气预报代码

　　<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>

新浪天气预报效果

　　优点：支持自定义城市天气。

　　官方网站：http://news.sina.com.cn/iframe/weather/

　　3、QQ天气预报代码

　　（1）竖栏四城市

　　<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.h tml" allowTransparency="true"></iframe>

竖栏四城市效果

　　缺点：虽然有更换城市功能，但是并不是在原基础上显示，而是会新打开一个IE窗口显示，并且只有几大城市天气并不是所有城市。

　　（2）单城市详细天气

　　<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>

单城市详细天气

　　优点：能够在原基础上切换城市天气。

　　缺点：同样城市不全，只有几大城市及省会。

　　官方网站：http://weather.news.qq.com/

　　4、未来三天天气预报代码

　　<iframe src="http://www.tianqi123.com/small_page/chengshi_1.html" width=178 height=248 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>

未来三天天气效果

　　优点：能够显示未来三天的天气预报，但是只能预定单一城市。

　　官方网站：http://www.tianqi123.com/main/small_page.html

　　5、未来三天滚动天气预报代码

　　<iframe src="http://www.tianqi123.com/small_page/chengshi_1.html?c0=red&c1=D96C00&bg=F4FFF4&w=178&h=20&text=yes" width=178 height=21 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no align=center id=url></iframe>

滚动天气效果

　　优点：可以以文字形式滚动显示未来三天天气情况，适合网站使用，但是只能预定单一城市。

　　官方网站：http://www.tianqi123.com/main/small_page.html

在本站查看更多关于资源整合,让你的网站拥有天气预报功能的文章