旋转功能在IE中不起作用

rotate function not working in IE

本文关键字：不起作用 IE 功能 旋转      更新时间：2023-09-26

以下代码在所有浏览器中都有效，但在Internet Explorer中不起作用，即使我使用了MsTransform，但它仍然不起作用。 

<!DOCTYPE html>
<html>
<head>
<script>
var looper;
var degrees = 0;
function rotateAnimation(el,speed){
 var elem = document.getElementById(el);
    elem.style.WebkitTransform = "rotate("+degrees+"deg)";
    elem.style.MozTransform = "rotate("+degrees+"deg)";
    elem.style.MsTransform = "rotate("+degrees+"deg)";
    elem.style.OTransform = "rotate("+degrees+"deg)";
looper = 
setTimeout(function()
{
    rotateAnimation(el,speed)
},speed);
    degrees++;
     if(degrees > 359){
         degrees = 1;
    }
}
</script>
</head>
<body>
<img id="img1" src="cog1.png" alt="cog1">
<script>rotateAnimation("img1",30);</script>
</body>  
</html>

尝试小写：

elem.style.msTransform = "rotate("+degrees+"deg)";

工作链接

相关文章：