刚学习Jquery所以如果这个问题看起来很基本,我会提前道歉。我有以下控制Carousel的Jquery代码。
$('#carousel_ul:not(:animated)').animate({'left' : left_indent, opacity:0},600,function(){
/* when the animation finishes use the if statement again, and make an illusion
of infinity by changing place of last or first item*/
if(where == 'left'){
//...and if it slided to left we put the last item before the first item
$('#carousel_ul li:first').before($('#carousel_ul li:last'));
}else{
//...and if it slided to right we put the first item after the last item
$('#carousel_ul li:last').after($('#carousel_ul li:first'));
}
//...and then just get back the default left indent
$('#carousel_ul').css({'left' : '-300px'});
$('#carousel_ul').delay(100).animate({opacity:1}, 400);
});
它工作得很好,除了它没有完全达到我想要的效果。所以我想在旋转木马滚动时发生淡出和淡化。现在它滚动并且在滚动时发生淡出,但是在滚动完成后它会淡入淡出状态。任何人都有一些建议。我可以用动画以某种方式链接fadeOut()fadeIn()吗?当我试着这样说时:
$('#carousel_ul:not(:animated)')fadeOut().fadeIn().animate({opacity:0}
它消失了,然后消失,然后动画。我确定我在这里忽略了一些明显的事情......提前感谢您的时间。