html图片纵向无缝滚动 HTML内容或图片无缝滚动技巧

要让HTML页面的内容或图片实现无缝滚动，可以使用 marquee 这个简单的标签，不过这标签的最大问题就是不能首尾相连(无缝)滚动。

使用 DIV + JS 就可以轻松实现无缝滚动：

1) DIV代码：

{$vo.username}

{$vo.request}

2) JS代码：

function scroll(obj) {

var tmp = (obj.scrollTop)++;

//当滚动条到达顶端时

if (obj.scrollTop==tmp) obj.innerHTML += obj.innerHTML;

//当滚动条滚动了初始内容的宽度时滚动条回到最顶端

if (obj.scrollTop>=obj.firstChild.offsetWidth) obj.scrollTop=0;

}

setInterval("scroll(document.getElementById('scrollobj'))",20);

3) 实现的效果：