谢谢指点。
实际上比这复杂，如果只是设置div的left属性是可行的，但是总体要求是这样的：
左边一个人开枪，子弹飞行中有各种特效，右边人中枪倒地。
要求就是按照顺序实现这三个动作。
没办法做成一个gif的原因是：两个人的位置不定且不同步，需要通过div控制移动，子弹也得跟着动。
手上的资源，是三套序列帧：左边人开枪，子弹飞，右边人倒地。
目前实现的方式就是三个gif，设定时间差，第一个gif开始播放后的固定时间（setTimeout）播放第二个和第三个。
但是多次播放时，会有点问题，可能动画播放不全。

要求不是很严格，大概意思就可以，所以才会用这么奇怪的方式来实现。
假如抛开gif这种方式，有什么办法可以实现吗？

用setTimeout在canves上绘帧应该会有同样的问题，就是切换速度太快，导致页面其它影响不正常吧，要多开一个线程画动画？
【 在 aotian 的大作中提到: 】
: 不用gif
: 子弹发射用一个层的背景，改变层位置
: 倒下想办法用css的变形和动画
: ...................
--
FROM 140.207.146.*