怎么在网页里添加天气预报额
发布网友
共2个回答
懂视网
css：
代码如下:
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
/* demo */
.demo{width:800px;margin:0 auto;}
.demo div{margin:40px 0 0 0;}
html：
代码如下:
<div class="demo">
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=5" width="650" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=7" style="border:solid 1px red" width="225" height="90" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=9" width="800" height="60" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=11" width="500" height="15" frameborder="0"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=13" width="650" height="221" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
<div>
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=19" width="800" height="120" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>
</div>
部分效果： 
我在项目中做了一个下面的效果 
热心网友
<IFRAME marginWidth=0 marginHeight=0 src=" http://m.weather.com.cn/m/p7/weather1.htm" frameBorder=0 width=160 scrolling=no height=55></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/420101.html"〉〈/iframe〉 具体根据你想显示的城市调用分别的代码，以下是部分城市代码： “110100″,”北京” “120100″,”天津” “130101″,”石家庄” “130201″,”唐山” “130301″,”秦皇岛” “130701″,”张家口” “130801″,”承德” “131001″,”廊坊” “130401″,”邯郸” “130501″,”邢台” “130601″,”保定” “130901″,”沧州” “133001″,”衡水” “140101″,”太原” “140201″,”大同” “140301″,”阳泉” “140501″,”晋城” “140601″,”朔州” “142201″,”忻州” “142331″,”离石” “142401″,”榆次” “142601″,”临汾” “142701″,”运城” “140401″,”长治” “150101″,”呼和浩特” “150201″,”包头” “150301″,”乌海” “152601″,”集宁” “152701″,”巴彦浩特” “152801″,”临河” “152921″,”鄂尔多斯” “150401″,”赤峰” “152301″,”通辽” “152502″,”锡林浩特” “152101″,”海拉尔” “152201″,”乌兰浩特” “210101″,”沈阳” “210201″,”大连” “210301″,”鞍山” “210401″,”抚顺” “210501″,”本溪” “210701″,”锦州” “210801″,”营口” “210901″,”阜新” “211101″,”盘锦” “211201″,”铁岭” “211301″,”朝阳” “211401″,”葫芦岛” “210601″,”丹东” “220101″,”长春” “220201″,”吉林” “220301″,”四平” “220401″,”辽源” “220601″,”松原” “222301″,”白城” “222401″,”延边” “220501″,”通化” “230101″,”哈尔滨” “230301″,”鸡西” “230401″,”鹤岗” “230501″,”双鸭山” “230701″,”伊春” “230801″,”佳木斯” “230901″,”七台河” “231001″,”牡丹江” “232301″,”绥化” “230201″,”齐齐哈尔” “230601″,”大庆” “232601″,”黑河” “232700″,”大兴安岭” “310100″,”上海” “320101″,”南京” “320201″,”无锡” “320301″,”徐州” “320401″,”常州” “320501″,”苏州” “320600″,”南通” “320701″,”连云港” “320801″,”淮阴” “320901″,”盐城” “321001″,”扬州” “321101″,”镇江” “321102″,”泰州” “321103″,”宿迁” 新浪天气预报代码（二）： 这个样式本站不能提供预览，放上去就乱码。 〈IFRAME ID=''ifm2'' WIDTH=''240'' HEIGHT=''160'' ALIGN=''CENTER'' MARGINWIDTH=''0'' MARGINHEIGHT=''0'' HSPACE=''0'' VSPACE=''0'' FRAMEBORDER=''0'' SCROLLING=''NO'' src=" http://weather.sina.com.cn/iframe/weather/420101_w.html"〉 〈/ifreame〉 腾讯天气预报代码： 〈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〉 126天气预报代码： 〈iframe src=" http://mimg.126.com/tianqi/city_share/54511.html" frameborder="0" width="300" scrolling="no" height="100"〉〈/iframe〉 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〉 一个<iframe></iframe>就是一种
