另一种实现无缝连接循环滚动的方法


<div id=demo style=overflow:hidden;height:100px width:100px>
<div id=demo1>
<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80"

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80"

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80"

border="0"></a>

<a href="#" target="_blank"><img src="http://www.5dmedia.com/bbs/icon/nudeangel.gif" width="80" height="80"

border="0"></a>

<a href="#" target="_blank">nudeangel_2</a>

<a href="#" target="_blank">nudeangel_3</a>

<a href="#" target="_blank">nudeangel_4</a>

<a href="#" target="_blank">nudeangel_5</a>

<a href="#" target="_blank">inudeangel_6</a>

<a href="#" target="_blank">nudeangel_7</a>

</div>
<div id=demo2></div>
</div>
<script>
var t=demo.scrollTop
demo2.innerHTML=demo1.innerHTML
function nudeangelMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
var repeat=setInterval(nudeangelMarquee,50);
demo.onmouseover=function() {clearInterval(repeat);}
demo.onmouseout=function() {repeat=setInterval(nudeangelMarquee,50);}
</script>



上面的代码放在哪里好些啊？
图片如下：

图片如下：