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