如何实现文字的上下滚动（中间无空白）

Question

<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111<br>
222222222222222<br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
</div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function likeMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight;
else
demo.scrollTop++;
}
setInterval(likeMarquee,100);
</script>

Answer 1

消息收到，如下
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
<a href="">111111111111111</a><br>
<a href="">222222222222222</a><br>
333333333333333<br>
444444444444444<br>
555555555555555
</div>
<div id=demo2></div>
</div>
<script>
var t=demo.scrollTop;
demo2.innerHTML=demo1.innerHTML;
function likeMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight;
else
demo.scrollTop++;
}
setInterval(likeMarquee,100);
</script>

Answer 2

我试过了,可以用,但是我这里的文字是带有链接的,这样好像第二次出来的文字没有链接的，是不是用别的一个什么函数眯代替innerText，谢谢。