我想网页中实现天气预报,如何实现?

解决方案 »

  1.   

    http://singlepine.cnblogs.com/articles/292661.html
    看这个
      

  2.   

    http://dotnet.chinaitlab.com/ASPNET/715231.html
      

  3.   

    使用web service或者Ajax 
      

  4.   

    http://www.webxml.com.cn/WebServices/WeatherWebService.asmx这个比较方便~
      

  5.   

    调用此天气预报Web Services实例下载
      

  6.   

    参考
    http://www.cnblogs.com/hongweiqu/articles/1187904.html
    http://www.cnblogs.com/yintian2/archive/2007/06/04/768574.html
      

  7.   

    <iframe src="http://weather.cn.yahoo.com/cframe.html" width="100%" height="30" frameborder="0" scrolling="no"></iframe> 
      

  8.   

    考虑到平时会用到各种形式的天气显示形式,所以将平时在网上搜集的和自己整理的天气代码放在这里 供参考(由于大部分效果使用的是框架调用别人的代码,所以当别人的网站修改了代码的时候有的效果可 能显示不出来需要到相关网站查看修改):名称:265天气根据IP自动获得当地的天气情况
    代码:<iframe src="http://weather.265.com/weather.htm" width="168" height="54" frameborder="no" border="0" marginwidth="0&quoat; marginheight="0" scrolling="no"></iframe>
    效果:
    说明 :直接调用
    名称:QQ天气预报代码(一)
    代码 :<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>
    效果 :
    说明 :这种适合于在网页的边栏插入。但一个缺点是,上面的4个城市是既定的,无法改成别的。插 入时,选好网页上的位置,直接将左栏的源代码全部拷进去就行了
    名称:QQ天气预报代码(二)
    代码 :<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/ss179.htm'></IFRAME>
    效果 :
    说明 :这种 也适合于在网页的边栏插入。上面 的城市可以自定,比如厦门可改成别的。定制的方法是修改我代码中标红的数字,从1开始代表“香 港”开始,每个数字都代表一个城市,厦门是287,昆明是179具体要哪个城市自己找一下罢。
    名称:新浪天气预报代码
    代码 :<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>
    效果 :
    说明 :这种适合于在网页的头栏插入。上面的城市可以自定,比如 石家庄可改成别的。
    名称:QQ天气预报代码(三)
    代码 :<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>
    效果 :
    说明 :这种适合于在网页的正栏插入。上面的城市可以自定,比如厦门可改成别的。定制的方法是修改我代码中标红的 名称。这里比较简单,直接用汉字改就行了。比如是福州的,你就直接把“厦门”改成福州就行。
    名称:QQ天气预报代码(四)
    代码 :<iframe width=160 height=230 frameborder=0 scrolling=NO src=http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌></iframe>
    效果 :
    说明 :直接调用
    名称:QQ天气预报代码(五)
    代码 :<iframe src="http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌" frameborder="0" width="160" scrolling="no" height="230"></iframe>
    效果 :
    说明 :这种适合于在网页的边栏插入。上面的城市可以自定,比如南昌可改成别的。定制的方法是修改我代码中标红的名称。这里比较简单,直接用汉字改就行了。比如是福州的,你就直接把“厦门”改成福州就关于时间与天气预报的代码2008北京奥运开幕倒计时 代码如下:<!--done-->
    <div class="newsItem">
    <p align="center">
    <b><align=center><font color=E84B08>2008北京奥运开幕倒计时</b></font> 
    </br>
    <span id="span_dt_dt_2008" style='align=center no:1px solid black;background-color:#FFFFFF' ></span> <SCRIPT language=javascript> 
    <!-- 
    //document.write(""); function show_date_time_2008(){ 
    window.setTimeout("show_date_time_2008()", 1000); 
    BirthDay=new Date("8-8-2008");//这个日期是可以修改的 
    today=new Date(); 
    timeold=(BirthDay.getTime()-today.getTime()); 
    sectimeold=timeold/1000 
    secondsold=Math.floor(sectimeold); 
    msPerDay=24*60*60*1000 
    e_daysold=timeold/msPerDay 
    daysold=Math.floor(e_daysold); 
    e_hrsold=(e_daysold-daysold)*24; 
    hrsold=Math.floor(e_hrsold); 
    e_minsold=(e_hrsold-hrsold)*60; 
    minsold=Math.floor((e_hrsold-hrsold)*60); 
    seconds=Math.floor((e_minsold-minsold)*60); 
    span_dt_dt_2008.innerHTML="<align=center><font color=696969>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+"<br></font>" ; } show_date_time_2008(); //--> 
    </SCRIPT>春节倒计时 代码如下:<!--done-->
    <div class="newsItem">
    <p align="center">
    <b><align=center><font color=E84B08>2008春节倒计时</b></font> <span id="span_dt_dt" style='align=center no:1px solid black;background-color:#FFFFFF' ></span> <SCRIPT language=javascript> 
    <!-- 
    //document.write(""); function show_date_time(){ 
    window.setTimeout("show_date_time()", 1000); 
    BirthDay=new Date("2-8-2008");//这个日期是可以修改的 
    today=new Date(); 
    timeold=(BirthDay.getTime()-today.getTime()); 
    sectimeold=timeold/1000 
    secondsold=Math.floor(sectimeold); 
    msPerDay=24*60*60*1000 
    e_daysold=timeold/msPerDay 
    daysold=Math.floor(e_daysold); 
    e_hrsold=(e_daysold-daysold)*24; 
    hrsold=Math.floor(e_hrsold); 
    e_minsold=(e_hrsold-hrsold)*60; 
    minsold=Math.floor((e_hrsold-hrsold)*60); 
    seconds=Math.floor((e_minsold-minsold)*60); 
    span_dt_dt.innerHTML="<align=center><font color=696969>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+"<br></font>" ; } show_date_time(); //--> 
    </SCRIPT>天气预报 代码如下:名称:265天气根据IP自动获得当地的天气情况
    代码:<iframe src="http://weather.265.com/weather.htm" width="168" height="50" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" name="265"></iframe>
    说明 :直接调用名称:网易163天气根据IP自动获得地区的天气情况
    代码:<iframe src="http://news.163.com/util/position1.html" width="230" height="20" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>
    说明 :直接调用名称:QQ天气预报代码(一)
    代码:<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个城市是既定的,无法改成别的。插入时,选好网页上的位置,直接将左栏的源代码全部拷进去就行了名称:QQ天气预报代码(二)
    代码:<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/ss248.htm'></IFRAME>
    说明:这种代码的优点是城市可以自定,ss248.htm是合肥的城市编码,记得更换成自己的城市编码:
    ss28.htm 乌鲁木齐  ss232.htm 桂林 ss69.htm 呼和浩特 ss295.htm 南宁
    ss218.htm 长沙  ss287.htm 厦门  ss292.htm 广州  ss82.htm 石家庄
    ss125.htm 北京  ss150.htm 拉萨  ss166.htm 成都  ss103.htm 长春
    ss296.htm 深圳  ss303.htm 海口  ss211.htm 武汉  ss276.htm 福州
    ss2.htm 澳门   ss280.htm 台北  ss244.htm 南京  ss252.htm 上海
    ss179.htm 昆明  ss227.htm 贵阳  ss189.htm 郑州  ss140.htm 济南
    ss56.htm 西宁   ss212.htm 重庆  ss78.htm 银川  ss248.htm 合肥
    ss264.htm 南昌   ss1.htm 香港  ss186.htm 西安  ss115.htm 沈阳
    ss84.htm 太原   ss57.htm 兰州  ss17.htm 哈尔滨  ss127.htm 天津名称:新浪天气预报代码
    代码:<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>
    说明 :这种适合于在网页的头栏插入。上面的城市可以自定,比如 石家庄可改成别的。名称:天气123天气预报代码
    代码:<iframe src="http://www.tianqi123.com/small_page/chengshi_99.html?c0=F9DC68&c1=white&c2=FEFCE0&t1=red&bg=white&w=178&text=no" 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
    输入所在城市名称,并单击[预览并生成天气预报代码]按钮,生成代码后,将代码复制到自定义面板的有效目录下即可