Question

我有一个图像，当jQuery加载时，它向右旋转90度一次。一旦点击图像旋转270度，我想旋转180度。

再次单击它后，我将添加另一个旋转它的函数，但是我不能这样做，直到我可以从0deg开始停止旋转。

$('#Options').click(
function () {
    //$(this).stop().animate({ 'padding-left': (GetCLWidth) });
    $('.Options_open').animate({ 90:borderSpacing: 180 }, {
        step: function (currentStep) {
            $(this).css('transform', 'rotate('+ currentStep +'deg)');
            $(this).css('-ms-transform', 'rotate(' + currentStep + 'deg)');
            $(this).css('-webkit-transform', 'rotate(' + currentStep + 'deg)');
        },
        duration: 2500
    }, 'linear');
});

Answer 1

我建议您执行以下操作之一：

在第一个函数完成后，设置另一个类，在第一个函数执行后将图像定位/旋转到最后一帧，然后从那里开始将其移回原始位置然后触发它的第一个类; < / p>
或者你可以有一个布尔变量来检查它是否已被点击，如果它已被点击，启动.css将其旋转180度，然后将其旋转回第一个位置，但不要忘记这样做之后重置布尔变量，这样你就可以在两个动画函数中反复检查它

此外，由于您正在使用CSS3过渡，因此您应该为缺少的浏览器提供一些功能，CHECK HERE

Jquery旋转值从0开始？

1 个答案: