我想通过更改它的顶级属性来设置div的动画:
var loadingFrame = 1; loadingFrame = (loadingFrame + 1) % 12;
// Loading animation
jQuery('div.ModalLoading div').animate('top', (loadingFrame * -40) + 'px');
这个想法是内部div看起来像是在ModalLoading div中向上滑动,并且需要继续无限。目前div是静止的。感谢。
编辑:这基于FancyBox中的加载 - > 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');
}
答案 0 :(得分:0)
嗯,我刚试过,我能做的最好就是这个。
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/