Javascript 对风速作出反应的旋转功能
需要在javascript flash或css中找到函数。这将使我能够以几种不同的速度旋转风车的图像。这些速度需要随着真实世界的风速而变化。您可以通过CSS转换轻松实现这一点。我会给你一些建议让你开始 阅读文章。和您(仅限webkit) 首先定义动画,将其称为旋转,从0度到360度:Javascript 对风速作出反应的旋转功能,javascript,android,google-weather-api,autorotate,Javascript,Android,Google Weather Api,Autorotate,需要在javascript flash或css中找到函数。这将使我能够以几种不同的速度旋转风车的图像。这些速度需要随着真实世界的风速而变化。您可以通过CSS转换轻松实现这一点。我会给你一些建议让你开始 阅读文章。和您(仅限webkit) 首先定义动画,将其称为旋转,从0度到360度: @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotat
@-webkit-keyframes spin {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
然后,在风车图像上应用动画、迭代和计时功能:
.windmill{
-webkit-animation-name: spin;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
然后定义您的速度(您需要根据图像大小和风速公式计算这些速度):
现在使用javascript应用风速变化:
$('.windmill').addClass('mph-10'); // stats spinning at 10 mph
那很有趣。你的问题是什么?我的问题是我可以使用什么格式,有没有一种方法可以将风速和旋转的速度变量链接到另一个应用程序,如google weather?这似乎是我需要的,谢谢。我仍然想知道,这是否可以链接到另一个应用程序,如谷歌天气?我想让风车对给定区域内的风速做出响应。我是网页设计和编码新手。
$('.windmill').addClass('mph-10'); // stats spinning at 10 mph