第一种方法,实现代码如下:
<iframe width="180" 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='180' 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>
效果预览如下图,说明这种代码的优点是城市可以自定，比如厦门可改成别的。定制的方法是修改我代码中标红的数字。
第三种方法,实现代码如下:
<IFRAME ID='ifm2' WIDTH='180' 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>
效果预览如下图,说明这种代码城市也可以自定，比如石家庄可改成别的。定制的方法是修改我代码中红色部分
第四种方法,实现代码如下:
<IFRAME ID='ifm1' WIDTH='500' HEIGHT='360' ALIGN='center' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='yes' SRC="http://weather.qq.com/24.htm"></IFRAME>
效果预览如下图
第五种方法,实现代码如下:
<iframe src="http://weather.265.com/weather.htm"
width="180" height="54" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
效果预览如下图,这种天气预报的优点是：随浏览者IP的不同而有所变化。
