如何在一个页面中显示当前城市的天气

问题：
有时候页面太单调了，我们需要显示一些有趣实时有用的东西，天气显示确实是个好东西…
问题解决：

• 去网站中生成我们喜欢的样式的天气代码

首先我们去这样网站可以直接生成免费的代码iframe，操作过程如图：
网站.https://www.tianqi.com/chengdu/?tq

• 放在一个div盒子中，调节样式即可

// 在一个div盒子中封装这样的天气iframe
<div class="weather">
   <iframe name="weather_inc" style="margin-left: 25%;margin-top:-1%; width: 100%;height: 100%"
    src="http://i.tianqi.com/index.php?c=code&id=11&num=1&color=%23FFFFFF&icon=1&site=12"  
    frameborder="0" scrolling="no">
   </iframe>
</div>