Question

如何实现网页内容（图片或文字）的连续不间断滚动？

Answer 1

<div id="demo">
<div id="demo1"> 要循环显示的内容1<br>要循环显示的内容2</div>
<div id="demo2"></div>
</div>
<script>
var speed=100 //滚动速度值，值越大速度越慢
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
for (var i=0;i<1000;i++){
if (demo1.offsetHeight<500)demo1.innerHTML+=demo1.innerHTML;
else break
}
demo2.innerHTML=demo1.innerHTML //克隆demo2为demo1
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed); //设置定时器
demo.onmouseover=function() {clearInterval(MyMar)} //鼠标经过时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} //鼠标移开时重设定时器
</script>

支持多浏览器。

Answer 2

最简单的一个是用marquee
<marquee width="940" direction="left" loop="-">滚动文字</marquee>
但是这个标签只有IE支持，如果要实现跨浏览器的效果就要用到JS了。其实就是一个简单的判断循环语句：
大致是
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
自己搜一下就知道了。建议下载一个手册《网页制作完全手册》，里面的东西很全面。