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;
}