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

时间:2016-08-11 23:20:28

标签: javascript jquery rotation

我有两种形状可以在滚动时旋转。我能够顺时针旋转它们,但我希望第二个形状逆时针旋转。

JSFiddle:https://jsfiddle.net/7tLv05on/

以下是我用来实现的代码:

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});

});

谢谢,我真的很感谢你的帮助!

3 个答案:

答案 0 :(得分:0)

就这样做:

comm

答案 1 :(得分:0)

var sdegree = 0;

$(window).scroll(function() {

    sdegree ++ ;
    sdegree = sdegree + 2 ;

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

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

    //negative degree
    var sdegree2 = -sdegree;
    srotate = "rotate(" + sdegree2 + "deg)";
    $(".move2").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});

});

fiddle

答案 2 :(得分:0)

只需将值乘以-1即可:

String?

https://jsfiddle.net/7tLv05on/5/