$('img')。show(“slide”,direction:“right”,500)改变img的位置

时间:2015-04-23 14:33:34

标签: javascript jquery css image

我使用此功能为我的图像添加动画:

$('img').show("slide", direction: "right",500);

Animate有效,但它将我的img位置更改为顶部。 img

style="position:absolute; top:0; bottom:0; margin:auto; left:0;"

所以它垂直居中。我注意到,当动画进行时,img会转换为div并更改style。我猜是我问题的原因。那么如何解决这个问题?

此致

1 个答案:

答案 0 :(得分:1)

我认为您在没有修改图像的top样式的情况下尝试将其设置为比原来更多的500像素,如果是这样,那么这将是正是这样做

$('img').show().animate({
    'left':'+500px'   
}, 'slide');

http://jsfiddle.net/fL1o3wab/3/