2013-05-03 39 views
1

我有一个图像,当jQuery加载时,它旋转90deg一次。一旦图像被点击以旋转270度,我想旋转180度。jquery旋转值从0开始?

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

JSFddle

$('#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'); 
}); 

回答

0

我会建议你做以下之一:

  • 第一函数完成您设置了另一个类定位/旋转图像的最后一帧后在第一个函数执行后,从那里开始移回到原始位置,然后触发它的第一个类;

  • 或者你可以有一个布尔变量来检查它是否已经点击,如果它已经点击,启动一个.css旋转180度,然后将其旋转回第一个位置,但不要忘记重置这样做,所以你可以因为你使用CSS3过渡您应该提供对缺乏浏览器的一些功能,一遍又一遍在这两个动画功能

还要检查之后布尔变量,CHECK HERE

+0

但是,这我在做什么。如果我旋转图片,它从0开始旋转180度。 – Karmaxdw 2013-05-03 18:14:25