连续不间断滚动图片

这是以前闲暇之余做的小东西，现在重新拿出来留个纪念。

要实现滚动的图片或文字，最简单的方法就是使用<marquee></marquee>。但marquee是IE浏览器特有元素，虽然其他一些浏览器开始支持，但应该实现方式都不同，支持程度也不好，可能一些样式或js就会导致内容无法滚动，具体没研究过，有兴趣请参考http://topic.csdn.net/u/20100805/18/de982419-b7ca-484d-9f1d-d82d068d3949.html。marquee有一个问题就是不能无间断连续滚动，只有当内容全部滚动完之后才会进行下次滚动，中间会有一段空白。

其实实现连续滚动图片的原理很简单，首先让可视区域宽度为要图片宽度的整数倍，假设为3倍，当然要滚动显示的图片张数不能小于3张，让要滚动的一系列图片前3张图片和最后3张图片对应（图片A，B，C），当前一次滚动结束时，可视区域内显示最后3张图片（A，B，C），下一刻进行一次滚动时让前3张图片（A，B，C）先进入可视区域，从第4张图片（D）开始滚动。由于前3张图片和最后3张图片对应，看上去就像连续不断的一样。可参考以下图片，开始时为状态1，由右向左滚动，到状态2，状态3，状态4，状态5，状态6，然后到状态3，状态4...一直循环。

至于实现功能的代码就不重新写了，有兴趣的请参考空间中连续滚动图片代码，http://my.csdn.net/my/code/detail/6355