Question

我想通过更改它的顶级属性来设置div的动画：

var loadingFrame = 1; loadingFrame = (loadingFrame + 1) % 12;

// Loading animation
jQuery('div.ModalLoading div').animate('top', (loadingFrame * -40) + 'px');

这个想法是内部div看起来像是在ModalLoading div中向上滑动，并且需要继续无限。目前div是静止的。感谢。

编辑：这基于FancyBox中的加载 - ＆gt; http://fancybox.net/如果这有助于任何人调试我的代码。

div.ModalLoading
{
    height: 40px; width: 40px; margin: 0 auto 20px; overflow: hidden; z-index: 1104; position: relative;
}
div.ModalLoading div
{
    position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: url('loading.png');
}

Answer 1

嗯，我刚试过，我能做的最好就是这个。

var loadingFrame = 1; loadingFrame = (loadingFrame + 1) % 12;

function startLoader(loopint,_left,_right)
{
    settings = {};
    if(_left && !_right)
    {
        settings.left = (((loadingFrame + 1) % 12) * -40)
        var _callback = function(){startLoader(loopint,false,true)}
    }else{
        settings.left = (((loadingFrame + 1) % 12) * +40)
        var _callback = function(){startLoader(loopint,true,false)}
    }

    jQuery('.inner').animate(settings,loopint,_callback);
}

然后开始动画。

startLoader(5000);

此处示例：http://jsfiddle.net/v8rvM/2/

jQuery Animate div位置

1 个答案: