JQuery 替换元素带向左滑动效果

Question

目前我正在使用 fadeOut 动画效果来替换 div 元素的内容。

$('#divID').fadeOut('slow', function(){
    $(this).replaceWith( $div );
});

替换div元素内容时如何实现向左滑动效果？

Answer 1

不知道是否有特定效果，我使用 $().animate({left: val}) 来实现。

var width = $(window).width();

$('#divID').animate({left : -width}, 500, function(){ $div.hide() });
$div.css({left: width}).show().animate({left: 0}, 500);

您需要将元素的 css 设置为 position:absolute，并调整容器和其他项目。

这是一个jsfiddle