Sách JavaScript/Trình ứng dụng/Trình hiển thị thời tiết

Trình hiển thị thời tiết

Mả nguồn HTML tìm Google

<script type="text/javascript" src="http://voap.weather.com/weather/oap/AUXX0016template=TRVLH&par=3000000007&unit=0&key=twciweatherwidget">
</script>

<!-- Start WxSticker -->
<table cellpadding="0" cellspacing="0" style="width: 271px; background-color: #FFF; border: 1px solid #999;">
<tr>
<td colspan="2">
<div style="height: 35px;">
<a rel="nofollow" href="http://www.wunderground.com/global/stations/71627.html?bannertypeclick=htmlSticker">
<img src="http://banners.wunderground.com/weathersticker/htmlSticker1/language/www/global/stations/71627.gif" alt="" height="35" width="271" style="border: 0px;"></a>
</div>
</td>
</tr>
<tr>
<td style="vertical-align: top;">
<div style="width: 101px;">
<div style="height: 22px;">
<img src="http://icons.wunderground.com/graphics/smash/htmlsticker/html_linkT.gif" width="101" height="22">
</div>
<div style="font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; background-image: url(http://icons.wunderground.com/graphics/smash/htmlsticker/html_linkBG.gif); text-align: left;">
<div style="padding-left: 10px;">
<a rel="nofollow" href="http://www.wunderground.com/history/airport/CYUL/1972/1/1/PlannerHistory.html?PlannerFrontPage=1&bannertypeclick=htmlSticker">Plan your trip</a></div><div style="padding-left: 10px;">
<a rel="nofollow" href="http://www.wunderground.com/radar/radblast.asp?ID=CXX®ion=a5&lat=45.47000122&lon=-73.75000000">Local Radar</a>
</div>
<div style="padding-left: 10px;">
<a rel="nofollow" href="http://www.wunderground.com/global/stations/71627.html?bannertypeclick=htmlSticker">Detailed Forecast</a>
</div>
<div style="height: 12px;">
<img src="http://icons.wunderground.com/graphics/smash/htmlsticker/html_linkB.gif" width="101" height="12">
</div>
</div>
<form action="http://www.wunderground.com/cgi-bin/findweather/getForecast" method="get" style="margin-top: 10px; margin-bottom: 0px; text-align: center;"><input type="hidden" name="bannertypeclick" value="htmlSticker">
<div>
<input name="query" type="text" value="Find Weather" onFocus="this.value=''" style="width: 85px;">
</div>
<div style="padding-top: 5px;">
<input name="GO" type="submit" value="GO" style="width: 50px; background-color: #008; color: #FFF; font-size: 12px; font-weight: bold; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #000; border-bottom: 1px solid #000;">
</div>
</form>
</div>
</td>
<td style="vertical-align: top;">
<div style="height: 139px;">
<a rel="nofollow" href="http://www.wunderground.com/global/stations/71627.html?bannertypeclick=htmlSticker">
<img src="http://banners.wunderground.com/weathersticker/htmlSticker2_cond/language/www/global/stations/71627.gif" alt="" height="139" width="170" style="border: 0px;"></a>
</div>
</td>
</tr>
</table>
<!-- End WxSticker -->