jquery - 将旋转值传递给 css

Question

我的 js 中有一个名为 value 的变量，它根据滚动条百分比进行更新。我的值在 0 - 360 之间。我想要一种方法来更新以下 css 值。有没有一种方法可以将它们组合在一个对象中并将值传递给它们。例如，当使用不透明度时，我可以做这样的事情。

function updateCSS(target, value){
 var cssObj = {};
 cssObj["opacity"] = value;
 target.css(cssObj);
}

我需要一种方法能够用我的值编号更新所有前缀旋转属性。我如何做到这一点的任何好主意。

-webkit-transform: rotate(value);  /* Safari 3.1+, Chrome 
     -moz-transform: rotate(value);  /* Firefox 3.5-15 
      -ms-transform: rotate(value);  /* IE9+ 
       -o-transform: rotate(value);  /* Opera 10.5-12.00 
          transform: rotate(value);  /* Firefox 16+, Opera 12.50+ 

Answer 1

您可以使用 style 对象来更改 CSS 属性:

var style = element.style;
style.WebkitTransform =
    style.MozTransform =
    style.msTransform =
    style.OTransform =
    style.transform = 'rotate(' + angle + ')';