Javascriptでキーフレームの状態を変更するには

Question

JQueryでダイナミックキーフレームの状態を変更したいと思います。私はそれを行うことができますどのようにdynamiclly

Javascriptを

で..

@keyframes moveItUp { 
    10% { 
     top: 18%; 
    } 
    20% { 
     top: 16%; 
    } 
    30% { 
     top: 14%; 
    } 
    40% { 
     top: 12%; 
    } 
    50% { 
     top: 10%; 
    } 
    60% { 
     top: 8%; 
    } 
    70% { 
     top: 6%; 
    } 
    80% { 
     top: 4%; 
    } 
    90% { 
     top: 2%; 
    } 
    100% { 
     top: -20px; 
    } 
} 

は、例えば、私は電気ショック療法40％、20％から切り替えたい：
はここに私のキーフレームですか？ありがとう

Answer 1

正確にこれを行う方法を説明しているa great blog article on MSDNがあります。

var rule;  
    var ss = document.styleSheets; 

    for (var i = 0; i < ss.length; ++i) { 

     // loop through all the rules! 
     for (var x = 0; x < ss[i].cssRules.length; ++x) { 

      rule = ss[i].cssRules[x]; 
      if (rule.name == "moveItUp" && rule.type == CSSRule.KEYFRAMES_RULE) { 

       // do what you need to do here 
      } 
     } 
    }