我有一个放大器旋钮,我想在页面加载时将其转动到一定程度。我正在尝试使用这个 jQuery 库:http ://code.google.com/p/jqueryrotate/
我只是不知道如何正确设置它。我能够使用 webkit 来旋转图像,但我希望有一个动画。如果有人可以让我知道如何正确使用该库,我将不胜感激!
请记住,我需要在页面加载时进行轮换。理想情况下,动画将在 5-10 秒后重复。期待您的帮助。
我有一个放大器旋钮,我想在页面加载时将其转动到一定程度。我正在尝试使用这个 jQuery 库:http ://code.google.com/p/jqueryrotate/
我只是不知道如何正确设置它。我能够使用 webkit 来旋转图像,但我希望有一个动画。如果有人可以让我知道如何正确使用该库,我将不胜感激!
请记住,我需要在页面加载时进行轮换。理想情况下,动画将在 5-10 秒后重复。期待您的帮助。
一切都在tonesettings.com/rotate上设置得很好。您遇到的唯一问题是您在页面完成加载之前调用了 rotation() 函数。您可以将其移至就绪状态,它应在页面加载时触发。
更改以下内容:
<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>
希望这有帮助!
我们可以整天在这里尝试猜测您的动画,但这里只是使用下面列表中的值。
var rotation = function (){
$("#img").rotate({
angle:0,
animateTo:360,
callback: rotation,
easing: function (x,t,b,c,d){ //
return c*(t/d)+b;
}
});
}
rotation();
请检查 j 查询图像旋转示例: