Javascript旋转-如何逆时针旋转?

Javascript旋转-如何逆时针旋转?,javascript,jquery,rotation,Javascript,Jquery,Rotation,我有两个形状,我做了滚动旋转。我可以顺时针旋转它们,但是我希望第二个形状逆时针旋转 JSFiddle: 以下是我用来实现这一目标的代码: var sdegree = 0; $(window).scroll(function() { sdegree ++ ; sdegree = sdegree + 2 ; var srotate = "rotate(" + sdegree + "deg)"; $(".move1").css({"-moz-transform" : srotate, "-we

我有两个形状,我做了滚动旋转。我可以顺时针旋转它们,但是我希望第二个形状逆时针旋转

JSFiddle:

以下是我用来实现这一目标的代码:

var sdegree = 0;

$(window).scroll(function() {

sdegree ++ ;
sdegree = sdegree + 2 ;

var srotate = "rotate(" + sdegree + "deg)";

$(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
$(".move2").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});

});
谢谢你,我真的很感谢你的帮助

就这样做吧:

  var sdegree = 0;
  var sdegree2 = 0;

  $(window).scroll(function() {

    sdegree ++ ;
    sdegree = sdegree + 2 ;

    sdegree2 -- ;
    sdegree2 = sdegree2 - 2 ;

    var srotate = "rotate(" + sdegree + "deg)";
    var srotate2 = "rotate(" + sdegree2 + "deg)";

    $(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
    $(".move2").css({"-moz-transform" : srotate2, "-webkit-transform" : srotate2});

  });

只需将值乘以-1即可:

var sdegree = 0;

$(window).scroll(function() {

sdegree ++ ;
sdegree = sdegree + 2 ;

var cwRotate = "rotate(" + sdegree + "deg)",
    ccwRotate = "rotate(" + (-1 * sdegree) + "deg)";

$(".move1").css({"-moz-transform" : cwRotate, "-webkit-transform" : cwRotate});
$(".move2").css({"-moz-transform" : ccwRotate, "-webkit-transform" : ccwRotate});

});

看看我的答案:)谢谢大家的各种回复!!很高兴你让它工作:)@user3663071I我现在看到了,但我的代码有点短,只使用了1个变量。
var sdegree = 0;

$(window).scroll(function() {

sdegree ++ ;
sdegree = sdegree + 2 ;

var cwRotate = "rotate(" + sdegree + "deg)",
    ccwRotate = "rotate(" + (-1 * sdegree) + "deg)";

$(".move1").css({"-moz-transform" : cwRotate, "-webkit-transform" : cwRotate});
$(".move2").css({"-moz-transform" : ccwRotate, "-webkit-transform" : ccwRotate});

});