HTML5雨滴滑落动画及天气预报代码

记得上次我们分享过一款超逼真的HTML5 Canvas雨滴下落动画，共有5种效果。今天这次要分享的也是一款基于HTML5的雨滴滑落动画，不同的是这款应用还有天气预报的功能，我们可以通过调用天气相关接口来实现简单的天气预报功能，非常不错。

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----

    .......      3490  2015-11-04 11:34  html5-rain-weather-app\css\demo.css

    .......      1825  2015-10-26 00:23  html5-rain-weather-app\css\normalize.css

    .......      2857  2015-11-04 11:33  html5-rain-weather-app\css\style1.css

    .......       935  2015-11-04 10:14  html5-rain-weather-app\css\style2.css

    .......       380  2015-10-26 00:23  html5-rain-weather-app\css\style3.css

    .......      2244  2015-10-26 00:23  html5-rain-weather-app\fonts\codropsicons\codropsicons.eot

    .......      3612  2015-10-26 00:23  html5-rain-weather-app\fonts\codropsicons\codropsicons.svg

    .......      2060  2015-10-26 00:23  html5-rain-weather-app\fonts\codropsicons\codropsicons.ttf

    .......      2072  2015-10-26 00:23  html5-rain-weather-app\fonts\codropsicons\codropsicons.woff

    .......       279  2015-10-26 00:23  html5-rain-weather-app\fonts\codropsicons\license.txt

    .......      6148  2015-11-04 09:38  html5-rain-weather-app\fonts\meteocons\.DS_Store

    .......      2920  2015-11-04 09:37  html5-rain-weather-app\fonts\meteocons\icomoon.eot

    .......      6692  2015-11-04 09:37  html5-rain-weather-app\fonts\meteocons\icomoon.svg

    .......      2756  2015-11-04 09:37  html5-rain-weather-app\fonts\meteocons\icomoon.ttf

    .......      2832  2015-11-04 09:37  html5-rain-weather-app\fonts\meteocons\icomoon.woff

    .......      1312  2015-11-04 09:37  html5-rain-weather-app\fonts\meteocons\icomoon.woff2

    .......    183236  2015-11-04 10:56  html5-rain-weather-app\img\city.jpg

    .......      5190  2015-11-04 10:56  html5-rain-weather-app\img\drop-alpha.png

    .......      5067  2015-11-04 10:56  html5-rain-weather-app\img\drop-color.png

    .......      1240  2015-11-04 10:56  html5-rain-weather-app\img\drop-shine.png

    .......      2487  2015-11-04 10:56  html5-rain-weather-app\img\drop-shine2.png

    .......      2322  2015-10-26 00:23  html5-rain-weather-app\img\iphone.svg

    .......     36304  2015-10-26 00:23  html5-rain-weather-app\img\logo.svg

    .......      5978  2015-11-04 10:56  html5-rain-weather-app\img\water\texture-bg.png

    .......      3205  2015-11-04 10:56  html5-rain-weather-app\img\water\texture-fg.png

    .......      6148  2015-11-03 02:02  html5-rain-weather-app\img\weather\.DS_Store

    .......     58253  2015-11-04 10:57  html5-rain-weather-app\img\weather\texture-drizzle-bg.png

    .......     34510  2015-11-04 10:57  html5-rain-weather-app\img\weather\texture-drizzle-fg.png

    .......     79291  2015-11-04 10:57  html5-rain-weather-app\img\weather\texture-fallout-bg.png

    .......     31290  2015-11-04 10:57  html5-rain-weather-app\img\weather\texture-fallout-fg.png

............此处省略22个文件信息