在ie7中重复动画

Question

如何在ie7＆amp ;;中进行Jquery连续循环动画8？ （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;
}