JohnDoe4290627
2017-02-07 13:30
按照前面大神们的方法,为什么多次开始与暂停后,最后会发现小男孩在目标位置之前就停止动画消失不见了呢,是不是因为多次暂停导致总时间10s发生了误差减小?如何避免这种现象
可以都使用animation
// 开始
$("button:first").click(function() {
$boy.removeClass('pauseWalk')
//**有对应的stop方法**
$boy.addClass('slowWalk').animate({
'left': $("#content").width() + 'px',
}, 10000);
});
// 暂停
$("button:last").click(function() {
var left = $boy.css('left');
// 强制做了一个改变目标left的处理
// 动画是要运行10秒,所以此时动画还是没有结束的
$boy.addClass('pauseWalk');
$boy.stop()
});
说实话我现在都没懂动画是怎么实现的
H5+JS+CSS3实现七夕言情
211523 学习 · 540 问题
相似问题