谁可以讲讲无缝轮播的原理啊

Question

最好图文结合。嘿嘿

Answer 1

你是说的文字无缝轮播？

原理其实很简单

<div class="main">
<div id="box">
<ul id="con1">
<li>第一条</li>
<li>第二条</li>'
<li>第三条</li>
<li>第四条</li>
<li>第五条</li>
</ul>
<ul id="con2"></ul>
</div>
</div>

在父盒子box中，设置con1的大小和父盒子大小一样大，首先将con2.innerHTML = con1.innerHTML，这样就将con1中的内容拷贝到了con2中，当然con2排列在con1的下方，对父盒子box设置overflow:hidden;那么con2就不可见了，像这样

（黑色字体是box，不是main，，，写错了）

利用ScrollTop属性得出滚动高度距离，setInterval(box.ScrollTop++,50),以50毫秒每次的时间将box的ScrollTop增加，盒子就会向上走了，当滚动距离大于或者等于con1自身的高度时，也就是说con1整个都已经滚出父盒子时，将box.ScrollTop = 0，这时con1又弹回来了，这个细小的弹回太快以至于肉眼不会发现，这样就完成了con1和con2之间的交替无缝轮播了，具体代码：

http://www.imooc.com/learn/17  要是还不清楚可以看看这个课程

Answer 2

很不错，谢谢