Javascript IE 9中的Jquery动画圆弧/圆绘图

我正试图找到一种仅使用jquery制作圆弧/圆动画的解决方案-不使用HTML5或CSS3，因为这需要在IE9中工作

我发现了几个jquery插件，但没有一个能在IE9中工作

---

有没有一种方法可以只使用jquery设置圆弧的动画？

您正在寻找类似的方法

JQuery：

 $(function() {
  $(".circle1").mouseover(function() {
    $(this).animate({top:"0", left:"0", width:"100px", height:"100px", opacity: 1}, 200);
  }).mouseout(function() {
    $(this).animate({top:"50px", left:"50px", width:"0", height:"0", opacity: 1}, 200);
  });
});

CSS:

HTML:

---

希望有帮助。

这里的动画圆圈示例

看来效果不错

---

我已经在IE9和firefox、chrome和safari中测试过了，看起来不错。

如果你看我原始帖子中的两个链接，只要你不使用IE，你就会看到我在尝试做什么。我想制作一个圆弧的动画，从0度到一个可变的数字。

.circle1 {
    position:absolute; top:50px; left:50px;
    width: 0px; height: 0px;
    border:1px solid red;
    padding:20px;
    border-radius:50%;
}

<div class="circle1"></div>