javascript - Jquery slider 向下移动如何使其水平移动

Question

目前我已经隐藏了第二个横幅，并且当前横幅 1 显示。当我单击箭头时，我希望隐藏横幅 1，并显示从右侧进入的横幅 2。

目前它来自底部，使用这个:

  $(".homeArrow").on('click', function () {
$('.homeImage').animate({
    width: 'toggle'
});

});

这是 JS fiddle :

http://jsfiddle.net/8a7GL/174/

如何让 slider 水平移动而不是垂直移动。

谢谢

Answer 1

你可以在这个类homeImage中设置float:left并在这个homeArrow中清除 float :

.homeImage{
    float: left;
}
.homeArrow{
    clear: left;
}

fiddle