Javascript 动画队列
我希望这是我所缺少的简单和小的东西,但是目前,我的代码一次将动画应用到所有三个div,我需要一个div来制作动画,然后在完成后应用第二个动画,然后在完成后应用第三个动画 以下是我所拥有的:Javascript 动画队列,javascript,jquery,html,animation,Javascript,Jquery,Html,Animation,我希望这是我所缺少的简单和小的东西,但是目前,我的代码一次将动画应用到所有三个div,我需要一个div来制作动画,然后在完成后应用第二个动画,然后在完成后应用第三个动画 以下是我所拥有的: container.live('mouseenter',function(){ $('.pop1').animate({ marginTop: '0px'}, 'slow').next().animate({marginTop: '0px'}, 'slow').animate({marginTop:
container.live('mouseenter',function(){
$('.pop1').animate({ marginTop: '0px'}, 'slow').next().animate({marginTop: '0px'}, 'slow').animate({marginTop: '0px'}, 'slow');
});
谁来帮忙!:(Hi@Gabizish,这仍然同时对所有三个元素进行动画处理:如果您将鼠标悬停在文档顶部的我的名字上方,您将看到我在说什么。这三个不同的元素是“3D图形”、“和”和“技术艺术家”但它们都同时移动。Shannon哎呀,这确实有效,但现在这是一个css问题,因为项目是“display:block”父项设置为文本对齐居中。您的脚本确实可以工作,但是有没有一种方法可以不用显示块或绝对定位将3个div对齐到中心?我只是觉得使用绝对定位有点不可靠。谢了,谢谢!这很有效,虽然现在只是css问题,但有没有一种方法可以不用usi对齐3个divng“display:Inline block,其父项设置为text align:center;”如果我浮动元素,脚本会工作,但是如果我使用Inline block,它们只会在最后一个元素的边距设置动画时向上“滑动”。请帮助!请参见此处:并将鼠标悬停在我的名字上方,谢谢!
container.live('mouseenter',function(){
$('.pop1').animate({ marginTop: '0px'}, 'slow', function() {
$(this).next().animate({marginTop: '0px'}, 'slow', function() {
$(this).next().animate({marginTop: '0px'}, 'slow')
})
});
});
container.live('mouseenter',function() {
var slideUp = function (el) {
if (el.length) {
el.animate({ marginTop: '0px' }, 'slow', function () {
slideUp(el.next());
});
}
};
slideUp($('.pop1'));
});