我有一个机器人图像,我正试图用JQuery把它移到屏幕外的左边。div的位置如下:
#robot{
position:fixed;
margin-left:800px;
bottom:-40px;
}所以,它基本上是在中间底部。然后我设置动画:
$('#robot').animate({left:"-=1000px"},12000,"linear", stopRobotTimer);它起作用了,但是动画一开始,机器人就跳到200 pixels left附近,然后开始12秒的动画。
发布于 2011-12-13 07:08:14
您是否尝试过按字面意思设置预期的终点?
$('#robot').animate({left:"-200px"},12000,"linear", stopRobotTimer);您执行-=,在本例中应该只得到-200,因为它是在您的css中定义的。
编辑
我的错误-我忘了提到你应该把你的css描述符改为left:800px;或者把你的animate语句改为:
$('#robot').animate({marginLeft:"-200px"},12000,“线性”,stopRobotTimer);
因为最初你的css没有指定"left“,而是指定了”margin left“
发布于 2011-12-13 07:12:55
使用-=1000时,首先更改left,然后开始设置动画。试着像下面这样改变它
$('#robot').animate({left:"=-200px"},12000,"linear", stopRobotTimer);https://stackoverflow.com/questions/8482222
复制相似问题