Jquery 见证推子工作不顺畅

Question

我使用jquery使用淡入淡出效果将我的div一一旋转，但效果不平滑它上下跳动然后显示这是我的 fiddle 。

http://jsfiddle.net/xXRwA/

$(document).ready(function(e) {

  $('.testimonials div:first').show();


    setInterval(function(){ $('.testimonials div:first-child').fadeOut().next('div').fadeIn().end().appendTo('.testimonials') },3000);
});

Answer 1

添加以下 CSS:

.testimonials {
    position: relative;
}

.testimonials .a {
    position: absolute;
}

这会将所有 .a 放在一个或另一个之上

演示:http://jsfiddle.net/xXRwA/1/