jquery - ie7中的动画重复

Question

如何在 ie7 和 8 中制作 Jquery 连续循环动画？（ie9/chrome 工作正常）

这是我的代码

$(document).ready(function() {
        var $grower = $('#rain'); 

        function runIt() {
            $grower.animate({left:'48%',top:'800px',opacity:'0'}, 1000, function() {
                $grower.removeAttr("style");

                setTimeout(function() {
                    runIt();
                }, 100);
            });
        }

        runIt();
    });

Answer 1

我在 IE 8 中试过这个，它对我有用 http://jsfiddle.net/8EtKy/2/

看一看。

HTML

<div id="rain"></div>

jQuery

$(document).ready(function() {
        var $grower = $('#rain'); 
        function runIt() {
            $grower.animate({left:'48%',top:'800px',opacity:'0'}, 1000, function() {
                $grower.removeAttr("style");

            });
        }
            setInterval(runIt,100);
    });

CSS

#rain{
    width:50px;
    height:50px;
    background-color:#000;
}