滑入jQuery

Question

我是jQuery的新手。我已经学习了SlideUp和Down等功能，但我找不到像左右滑动这样的功能。

我想用水平滑动效果制作内容幻灯片。我已经实现了垂直滑动。我不想使用现有的插件或库。我想建立自己的。

请指导我！

Answer 1

以下an example使用animate()。这可以很容易地被用作jQuery函数而不是JS函数

$('#slidein').click(function(){
    $('div').stop().animate({
        'width':'500px'
    }, 500);
});

$('#slideout').click(function(){
    $('div').stop().animate({
        'width':'0px'
    }, 500);
});

Answer 2

Here是一个很好的教程，可以向不同方向滑动元素。

Answer 3

您应该能够使用here所述的animate()函数来调整要设置动画的元素的width属性。

该页面上有许多示例，因此您应该可以使用其中的内容来实现所需的效果。

Answer 4

也许JCycle可能适合你。它支持很多改变幻灯片，如上，下，左，右，淡入/淡出......，

您可以在此网站下载和查看演示：http://jquery.malsup.com/cycle/