要让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) 实现的效果: