Image 如何在不延迟恢复动画的情况下暂停连续幻灯片动画?
我开始学习jQuery。我在制作连续幻灯片动画时遇到困难,一些客户的图像从屏幕上经过。一切都很好,直到当用户将鼠标移到正在移动的Image 如何在不延迟恢复动画的情况下暂停连续幻灯片动画?,image,jquery-animate,slider,continuous,Image,Jquery Animate,Slider,Continuous,我开始学习jQuery。我在制作连续幻灯片动画时遇到困难,一些客户的图像从屏幕上经过。一切都很好,直到当用户将鼠标移到正在移动的上时,我尝试暂停该功能。发生这种情况时,动画停止。但要重新启动,需要很短的延迟(即使使用.clearQueue();)此短延迟仍然存在。我如何纠正这一点以消除延迟 功能: animar('.clientesHome ul'); // pauses / iniciate animation $('.clientesHome ul').hover(
上时,我尝试暂停该功能。发生这种情况时,动画停止。但要重新启动,需要很短的延迟(即使使用.clearQueue();
)此短延迟仍然存在。我如何纠正这一点以消除延迟
功能:
animar('.clientesHome ul');
// pauses / iniciate animation
$('.clientesHome ul').hover(
function () {
$('.clientesHome ul').clearQueue();
$('.clientesHome ul').stop();
},
function () {
$('.clientesHome ul').clearQueue();
animar('.clientesHome ul');
}
);
function animar(oque) {
if(!stoped){
$(oque).css('left', $(oque).position().left);
$(oque).clearQueue();
var regressivo = 2000;
$(oque).animate({
left: '-' + $('.clientesHome ul li').width() + 'px'
}, regressivo ,
'linear',
function (){
//
$('.clientesHome ul li:first').clone().appendTo('.clientesHome ul');
$('.clientesHome ul li:first').remove();
$(oque).css('left','0');
animar(oque);
});
}
}
当您试图找到bug时,最好的方法是剥离代码,使其尽可能简单。这是您在JSFIDLE中分条的代码:。这个例子很好,没有延迟。为了找到你的bug,开始一个接一个地添加代码的特性,当你看到延迟时,你已经找到了你的bug 没有你原来的HMLT/CSS,这是我能做的最好的了