js横向滑动效果

Question

我目前正在使用 jQuery，并且正在寻找一种在新图像向左滑动到其位置时向左滑动图像的方法。

具体来说，我有一个 iphone 的静态图像。 当我单击一个链接时，当新图像从右侧滑入时，我需要显示在 iphone 图像查看器上的当前图像向左滑出。 通常，这些图像及其名称和路径将即时生成，因此无法预先存在于 DOM 中。

我更喜欢可以不引人注目地应用的解决方案。

我知道jquery 有slideUp 和slideDown。 为什么他们没有左和右？

Answer 1

jQuery 提供了一个 animate() 方法，允许您创建自定义动画。 它需要四个参数：

1. 样式属性和值的映射
2. 可选速度
3. 可选的缓动类型
4. 一个可选的回调函数

因此，要将某些东西向左移动，您可以这样做：

$('#pic').animate({left:500}, 'slow');

当然 pic 会将其 CSS 位置设置为绝对或相对，以便新值生效。

#pic
{
    position:absolute;
    left:100px;
    top:10px;
}

Answer 2

也许jCarousel会为您做到这一点？

Answer 3

您可以使用出色的Cycle插件来实现这一点。 但是，在这种情况下，可能会超出您的实际需求。

Answer 4

这两个插件都很棒，我之前都使用过。 有一个很棒的脚本可以与Cycle插件和flickr一起使用，以将其放在您的网站上。 漂亮整齐。

尝试安迪和安德鲁所说的话。 祝你好运！