西游记动画制作

每个图片的宽度都一样，但是不同位置的动作是不同的，可以将一张照片划分成8个小图片，利用动画和浮动每次只显示一个小图片，连贯起来就是一系列动画。

首先对外层div进行设置，相当于是人物的可视窗口，因为单个人物图片是1600,180；所以一小份就是200px;人物之间设置了50的间距50*3，之后对第一个图片的间距进行清除，所以可视区的总宽度就是200*4+50*3；绝对定位配合left，top进行居中设置，这时的位置是相对于body来说，所以还要向左移动可视区width的一半。

一个小动作是200px的距离，图片的总宽度是1600px;所以设置动画步长为8步，div图片元素进行浮动设置，使四个人物在一行排列，超出一个小动作的200px后，将溢出的清除，只留下一个动作，然后无限循环。

接下来就是对人物和背景添加动画效果，人物动画设置0-1600px直到整个图案动作结束，背景动画将高度设置成100%，填满整个屏幕，超出的部分清除，避免出现滚动条，背景图片的宽度设置的尽量够大，实现慢慢移动的效果。

以上就可以实现一个西游记动画的效果