尝试在页面加载时将图像旋转(jQuery动画)到特定程度
尝试在页面加载时将图像旋转(jQuery动画)到特定程度
提问于 2011-05-13 20:29:12
我有一个放大器旋钮，我想在页面加载时将其旋转到一定程度。我正在尝试使用这个jQuery库：http://code.google.com/p/jqueryrotate/
我只是不知道如何正确地设置它。我可以使用webkit来旋转图像，但我希望有一个动画。如果有人能让我知道如何正确使用这个库，我将不胜感激！
请记住，我需要在页面加载时进行旋转。理想情况下，动画将在5-10秒后重复。期待您的帮助。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-02-23 22:44:03
在tonesettings.com/rotate上一切都设置得很好。唯一的问题是，在页面加载完成之前，您调用了rotation()函数。您只需将其移动到on ready状态，它应该会在页面加载时触发。
更改以下内容：
<script type="text/javascript">
var rotation = function (){
$("#img").rotate({
angle:0,
animateTo:360,
callback: rotation
});
}
rotation();
</script>至：
<script type="text/javascript">
var rotation = function (){
$("#img").rotate({
angle:0,
animateTo:360,
callback: rotation
});
}
$(document).ready(function() {
rotation();
});
</script>希望这能有所帮助！
Stack Overflow用户
发布于 2011-05-13 21:05:55
我们可以整天在这里尝试猜测你的动画，但这里只是玩弄下面列表的值。
var rotation = function (){
$("#img").rotate({
angle:0,
animateTo:360,
callback: rotation,
easing: function (x,t,b,c,d){ //
return c*(t/d)+b;
}
});
}
rotation();- t: current time
- b: begInnIng value
- c:更改值
- d:持续时间
Stack Overflow用户
发布于 2013-02-06 15:29:41
请检查j个查询图像旋转示例：
http://code.google.com/p/jqueryrotate/wiki/Examples
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5991838
复制相关文章
相似问题
腾讯云开发者
