JQuery替换元素w /左侧滑动效果

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

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

替换div元素的内容时，如何实现slide to left效果？

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