jquery实现天气预报麻烦吧html和css也带上

html-css023

jquery实现天气预报麻烦吧html和css也带上,第1张

这是一款非常有意思的纯CSS3扁平风格天气预报卡片动画特效。该天气预报特效将各种天气制作为卡片形式，包括下雨，闪电，白天，夜间和下雪。卡片使用扁平化风格，并使用CSS3帧动画来制作各种动画效果。

制作方法

HTML结构

该特效的HTML结构采用无序列表的HTML结构，其中每一个li.card元素代表一种卡片。

<ul class="card-list">

<li class="card">

<div class="card-color color-rain">

<div class="rain"></div>

</div>

<div class="card-info">

<p>63 ℉</p>

<p>low of 61 ℉</p>

</div>

</li>

......

</ul>

复制代码

CSS样式

首先给卡片一些基本样式。

.card {

首先你要懂html5 canvas，javascript，css3，这样才能做出漂亮的动画。

http://binma85.iteye.com/blog/1469516

这个链接里面有天气的接口，里面提供了一些天气的信息，你可以用ajax调用。

具体的你可以参加一下慕课网上面这个jquery mobile的列车时刻表教程。

http://www.imooc.com/learn/207

可能之前注册过。

中毒。

360极速浏览器是奇虎360推出的一款极速双核浏览器，融合了高速的Chromium浏览器内核引擎和兼容性较好的IE内核引擎，并完美实现了双核引擎的无缝切换。

用户既可以享受到Chromium浏览器风一样的速度、革新的UI设计、HTML5/CSS3的标准化支持，又可以通过双核引擎的自动无缝切换，顺畅完成在极速模式下购物，在兼容模式下打开网银支付的网购体验。

它继承了Chromium开源项目超级精简的页面和创新布局，并创新性地融入国内用户喜爱的新浪微博、人人网、天气预报、词典翻译、股票行情等等热门功能，在速度大幅度提升的同时，兼顾国内互联网应用。尤其是无缝双核引擎，体验性极佳。