我怎样才能以相反的方式制作动画？

Question

问候,

我正在改变一个作为条形的元素的宽度,这是有效的.但是我无法做到这一点,以便在相反的方向上激活它.我试过把 - 放在bar_width前面,但无济于事.宽度将被动态计算,只是因为我希望方向向左而不是向右移动,如此<-------不是----------->

var bar_width=$(this).css('width') ;
$(this).css('width', '0').animate({ width: bar_width }, queue:false,duration:3500,easing: easing});

Answer 1

您可以通过同时为元素margin-left和width元素设置动画,从右到左为其设置动画:

CSS

#bar {
    margin-left: 100px;
    height: 10px;
    width: 0;
    background: red;
}

jQuery的

$('#bar').animate({
    marginLeft: 0,
    width: 100
});

在这里行动.

选择,如果你的元素绝对定位,你可以动画left属性和width 在同一时间.