水平滑动html内容

Question

在jQuery中，您可以使用“slideIn”和“slideOut”向上或向下滑动内容，但没有任何内容可以向左或向右滑动。

我想建立自己的旋转木马并水平滑动内容。

如何将内容水平滑动，将新内容滑动到位。 内容必须是任何内容，包括图像和文字混合在一起。

Answer 1

jQuery中的伪代码类似于：

$('YOURELEMENT').animate({
    left : x
}, TIME);

Answer 2

您可以使用animate()水平制作幻灯片效果。

$('#element').animate(/* properties [, duration ] [, easing ] [, complete ] */);

示例：

http://jsfiddle.net/sg3s/rs2QK/

slideup()如何在内部运作：

function (speed, callback) {
    return this.animate({
        height: "hide"
    },
    speed, callback);
}