Question

jquery 怎么动态向style元素中添加@keyframes run

Answer 1

//dropCoin 是动画名称。
var dropX = xxx; //自定义的值
var dropY = yyy; //自定义的值
var style = document.styleSheets[0];
var amt = [
"@keyframes dropCoin {
0% { -webkit-transform: translateY(0px);transform: translateY(0px);}
100% { -webkit- transform: translateY("+dropY+"px);transform: translateY("+dropY+"px);}
}",
];
for(var i = 0; i<amt.length;i++){
style.insertRule(amt[i],i+200); //注意修改200这个值
}

Answer 2

为什么要动态添加这个，这个就和函数一样，函数你需要动态加上去么，都是先写好，需要的时候调用就行了。