ie7中的动画重复

Posted 2023-05-08

【中文标题】ie7中的动画重复

【英文标题】：animate repeating in ie7

【发布时间】：2013-02-27 20:48:07

【问题描述】：

如何在 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();
    );

【问题讨论】：

在 IE7/8 中能运行一次，完全没有报错吗？

试试 $grower.css(opacity: 1,left:'auto',top:'auto');而不是 removeAttr('style')

【参考方案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;