这一段时间开始正式学习JS以及一些效果制作。今天菜鸟学习了无缝滚动,原理直接在代码中注释,这里就不再体现。下面是我的代码,希望学习交流。最后有源码下载地址。
HTML:
<div class="content">
<div id="box">
<ul id="ul01">
<li>无缝滚动的原理:</li>
<li>1:scrollTop.scrollTop指的是“元素中的内</li>
<li>容”超出“元素上边界”的那部分的高度。</li>
<li>2:复制第一个ul里的元素到第二个ul里</li>
<li>innerHTML,获取标签里面的代码</li>
<li>3:判断滚动的距离,回到最初的位置</li>
<li>4:setInterval,间隔执行,</li>
<li>css属性:overflow:hidden</li>
<li>隐式溢出隐藏</li>
<li>----------------end---------------</li>
</ul>
ul id="ul02"></ul>
</div>
</div>
css
*{margin:0;padding: 0;}
.content{w