0

スクロールバーのパーセントに基づいて更新される値と呼ばれる変数が js にあります。私の値は 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+
4

4 に答える 4

1

オブジェクトを使用してstyleCSS プロパティを変更できます。

var style = element.style;
style.WebkitTransform =
    style.MozTransform =
    style.msTransform =
    style.OTransform =
    style.transform = 'rotate(' + angle + ')';
于 2012-10-10T21:23:23.183 に答える
0

jquery で非常に簡単に実行できます。

$(target).css('opacity',value);
于 2012-10-10T21:40:28.087 に答える
0

CSS はプログラミング言語ではありません。変数はサポートしていません。これを行うには、JavaScript を使用する必要があります。

$(target).attr('-webkit-transform', 'rotate('+value+')');....等

于 2012-10-10T21:22:30.363 に答える
0

メソッドを使用するだけ.css()で、含めるのを忘れていましたdeg：

function updateCSS(target, value){
    target.css({
        '-webkit-transform': 'rotate('+value+'deg)',
        '-moz-transform': 'rotate('+value+'deg)',
        '-ms-transform': 'rotate('+value+'deg)',
        '-o-transform': 'rotate('+value+'deg)',
        'transform': 'rotate('+value+'deg)'
    });
}

フィドル: http://jsfiddle.net/XKyEz/3/

于 2012-10-10T21:24:16.933 に答える