jQuery中的幻灯片

Question

我是jQuery的新手。我已经学习了像SlideUp和Down这样的函数，但是我找不到像Slide Left和Right这样的东西。

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

请指导我！

Answer 1

Here是一个伟大的教程滑动在不同方向上的元件。

Answer 2

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

该页面上有很多示例，因此您应该可以使用这些示例来实现所需的效果。

Answer 3

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

您可以在此网站下载和观看演示：使用animate()an examplehttp://jquery.malsup.com/cycle/

Answer 4

这里。这可以很容易adpoted是一个jQuery函数而不是函数JS

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

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