不间断滚动字幕的实现

[color=red][/color]在body中插入如下代码
<div id="layer1" style="overflow-y:hidden;width:50;">
<div id="layer2">
<table width="130" height="70" border="0" align="center" cellpadding="0" cellspacing="0" >
<tr>
<td height="70" valign="top" >
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
定义滚动区域的高度定义滚动区域的高度<br>
</td>
</tr>
</table>
</div>
<div id="layer3"></div>
</div>
在</html>后面插入控制滚动的JS代码
<script language="javascript">
var layerHeight = 100; // 定义滚动区域的高度.
var iFrame = 1; // 定义每帧移动的象素.
var iFrequency = 50; // 定义帧频率.
var timer; // 定义时间句柄.
if(document.getElementById("layer2").offsetHeight >= layerHeight)
document.getElementById("layer1").style.height = layerHeight;
else
document.getElementById("layer1").style.height = document.getElementById("layer2").offsetHeight;
document.getElementById("layer3").innerHTML = document.getElementById("layer2").innerHTML;
function move(){
if(document.getElementById("layer1").scrollTop >= document.getElementById("layer2").offsetHeight)
document.getElementById("layer1").scrollTop -= (document.getElementById("layer2").offsetHeight - iFrame)
else
document.getElementById("layer1").scrollTop += iFrame
}
timer = setInterval("move()",iFrequency);
document.getElementById("layer1").οnmοuseοver=function() {clearInterval(timer);}
document.getElementById("layer1").οnmοuseοut=function() {timer=setInterval("move()",iFrequency);}
</script>
注意这点代码一定要放在最后，要不然有时没有效果