6

iPadアプリでWebキットトランジションを使用しています。彼らは素晴らしい働きをします。しかし、JavaScriptを使用してトランジションの値を変更するにはどうすればよいのでしょうか。

#container {
            -webkit-transition-property: -webkit-transform;
            -webkit-transition-duration: 1s;
            -webkit-transition-timing-function: ease-out;       
        }

私がしたいこと：

<script>
    function func() {
        document.getElemeentById('container').transition.duration = 500;

   }
</script>

これは可能ですか？

4

2 に答える 2

10

で行うことができます：

document.getElementById('container').style['-webkit-transition-duration'] = '500s';

http://jsfiddle.net/z3bKD/2/を参照してください。

于 2010-11-12T18:39:44.540 に答える
1

transitionDurationJakubの答えは良かったのですが、それを更新するために、要素ののプロパティとして遷移期間を直接設定できるようになりましたstyle。iOS Safari、OSX Safari、Chrome、Firefoxでテストおよび動作しています。例えば

document.getElementById('container').style.transitionDuration = '500s';

http://jsfiddle.net/jkoudys/xa2oo1us/を参照してください

于 2014-12-05T04:23:55.833 に答える