插入css动画浏览器javascript
Insert css animation internet explorer javascript
我想在internet explorer中插入一个javascript动画。似乎行不通。用铬,没有问题。请查看这些链接:
var style = document.documentElement.appendChild(document.createElement("style")),
rule="@keyframes test{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} ";
style.sheet.insertRule(rule);
$(".mojo")[0].style["animation"] = " test 3s ease-out both infinite";
http://jsfiddle.net/273e2/17/是动画工作与IE10。在运行时插入动画似乎不工作。
insertRule
方法需要两个值;第一个是新规则字符串,第二个是您希望将其添加到其他规则中的索引。
0
的索引将把该规则推到顶部,而等于规则总数的索引将把该规则推到底部。
// Add a new rule to the bottom of the first stylesheet
sheet.insertRule( rule, sheet.rules.length );
将此索引添加到演示中可以修复此问题:http://jsfiddle.net/273e2/19/show/
相关文章:
- Javascript/浏览器加密:使用Yubiky
- Javascript浏览器检测与IE 11
- Javascript浏览器通知不起作用
- navigator.userAgent检测javascript浏览器的语法说明
- javascript浏览器超时第二个计时器
- 任何学习Javascript浏览器对象模型的好地方
- 在JavaScript(浏览器端)中解码URL Safe Base64
- JavaScript 浏览器兼容性问题
- Javascript 浏览器关闭事件
- JavaScript浏览器相关的类,对象和函数
- Javascript 浏览器插件已启用
- php:例程javascript浏览器直到最后才出现
- 为什么非Javascript浏览器中的Javascript代码有额外的注释
- 来自第三方黑客的基于javascript浏览器的游戏有多安全
- Android 4.1+(Javascript浏览器):如何禁用旋转缩放
- 使用基于javascript浏览器的midi.js创建鼓声
- JavaScript浏览器代理重定向
- 是否有可能从javascript/浏览器阻止OS X休眠?
- 为什么这个JavaScript浏览器
- Javascript浏览器历史记录列表