Jquery анимированный дуги/окружности рисунок в IE 9

Question

Я пытаюсь найти решение анимировать дугу/круг с использованием только JQuery - нет HTML5 или CSS3, как это должно работать в IE 9.

Я нашел несколько JQuery плагинов, но ни один, которые работают в IE 9.

http://blog.templatemonster.com/demos/how-to-build-jquery-animated-circle-statistics/demo/index.html

http://www.jqueryscript.net/demo/Animated-Circle-Progress-Bar-with-jQuery-SVG-asPieProgress/

есть ли способ, чтобы оживить дугу, используя только JQuery?

Answer 1

Анимированные круги пример здесь

http://kottenator.github.io/jquery-circle-progress/

Кажется, работает хорошо.

Я тестировал это в IE9 и firefox, chrome и safari и хорошо смотрел.

Answer 2

Вы ищете что-то вроде этого? Here is the JS.Fiddle

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:

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

HTML:

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

Надежда, что помогает.