写了一个图片横向滚动且首尾相接的JS组件

当年我也是从网上down组件直接拿来用的小白。
记得三年前去XM面试的时候，明哥问我：
“如果你需要一个页面特效，你怎么做？”
我呆萌的回答说：“网上down一个哦！”
明哥环视了一下四周正在热火朝天写码的各路技术大神，
很沉稳的对我说：
“我们这里的人都是自己写组件的。”
顿时我就心冷了，心想完蛋了，不会写组件，求职无望鸟。
好在XM并不以区区组件论英雄，我还是成功混进去了，哈哈哈哈。

忘了从什么时候开始，自己也开始写组件了，
才发现比起down别人的东西，真不如自己写更方便，
而且可以按照自己的需求写更精准的代码，更好维护。
当然前提是，你得会写。

今天写了一个简单的组件，所以想起了这些往事。

需求如下：
在一个宽度固定的容器里，图片从右向左平滑滚动。
鼠标滑过时，滚动停止，鼠标移开，滚动继续。
滚动到最后一张图片时，第一张图片在其后顺序出现，
即首尾相接的滚，而非瞬间变成第一张的滚。
开始写的是瞬间变的，太Low了。
改为首尾相接，高大上了。

代码如下：

HTML结构

<div class="list_container" id="Marquee_Best">
    <ul class="bestsell_ul scrollUl1">
        <volist name="liststwo" id="list" key="i">
        <li class="stupidLine bestSellLooper">
            <a data-i="{$i}"> <img src="..." width=