如何使用Prototype在IE8中旋转图像?

时间:2013-06-12 19:35:00

标签: javascript prototypejs

坚持原型。这是一个jsfiddle,但您必须使用DRAFT功能(http://doc.jsfiddle.net/basic/introduction.html#draft-page)才能在IE8中看到它。 http://jsfiddle.net/trevordixon/7rxaE/

<image id="spinner" src="http://cdn3.iconfinder.com/data/icons/transfers/100/239327-loading_spinner-32.png">
<script>
    var angle = 0;
    setInterval(function() {
        angle += 0.1;

        $('spinner').setStyle({
            '-ms-filter': '"progid:DXImageTransform.Microsoft.Matrix(' +
                            'SizingMethod = \'auto expand\', ' +
                            'M11 = ' + Math.cos(angle) + ', ' +
                            'M12 = ' + -Math.sin(angle) + ', ' +
                            'M21 = ' + Math.sin(angle) + ', ' +
                            'M22 = ' + Math.cos(angle) + ')"'
        });
    }, 16);
</script>

我愿意为旋转器提供更好的想法;由于种种原因,动画gif对我不起作用。

1 个答案:

答案 0 :(得分:1)

删除-ms-和“。IE 8使用:

filter: property

语法而不是新语法。

-ms-filter: "property"