高分求一类似marquee的例子，若干元素从一个层一端进入，另一端出，当最后一个刚刚完全进入层的时候第一个紧跟进入

Question

没明白，是要这样吗？
<table width="499" border="1" cellpadding="0" cellspacing="0" bordercolor="#CC6600">
    <tr>
    <td width="495">
<div id=demo style=overflow:hidden;height:70;width:400> 
<div id=demo1>
<a href='' target='_blank'>这是滚动第1行</a><br>
这是滚动第2行<br>
这是滚动第3行<br>
这是滚动第4行<br>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td>
  </tr>
</table>

Answer 1

这是我前些天刚改写过的，由下往上滚动，可以分页显示。你可以参考一下。
<SCRIPT language=JavaScript>
var scrollerwidth=750;//滚动宽度
var scrollerheight=590;  //滚动内容高度
var scrollerbgcolor='#FFFFFF';  //背景颜色
var linecolor='#A2A2A2';       //线条颜色
var pausetime=3000;   //停留时间,毫秒
var scrollspeed=100;   //滚动速度,数值越小速度越快，毫秒
var pagecount; //总页数
var slideimages=new Array()
var writepage;                //请勿修改该参数
var pagesize;        //每页显示的信息条数
//定义表格头
var tabletitle='<table width="100%" border="0" cellpadding="1" cellspacing="1" bgcolor="'+linecolor+'">' + '<tr bgcolor="#CCCCCC"><td width="12%"> <div align="center">更新日期</div></td> <td width="30%" height="25"><div align="center">职位名称</div></td><td width="42%"> <div align="center">单位名称</div></td><td width="8%"> <div align="center">性别</div></td><td width="8%"> <div align="center">学历</div></td></tr>';writepage=1;
pagesize=7;   //请在此修改每页显示信息条数
//以下内容请不要随意修改
slideimages[0]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>asdf</td><td>深圳市</td><td>女</td><td>本科</td></tr>';
slideimages[1]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>秘书vbbba</td><td>深圳市有限公司</td><td>女</td><td>本科</td></tr>';
slideimages[2]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>测试</td><td>深圳市有限公司</td><td>不限</td><td>高中</td></tr>';
slideimages[3]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>薪酬绩效经理\/副经理</td><td>TCL汤姆逊电子有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[4]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>45t45ttttretrt</td><td>深圳市工程有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[5]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>管理员</td><td>深圳市有限公司</td><td>不限</td><td>初中</td></tr>';slideimages[6]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>asdf</td><td>深圳市</td><td>女</td><td>本科</td></tr>';
slideimages[7]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>秘书vbbba</td><td>深圳市有限公司</td><td>女</td><td>本科</td></tr>';
slideimages[8]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>测试</td><td>深圳市有限公司</td><td>不限</td><td>高中</td></tr>';
slideimages[9]='<tr bgcolor=#FFFFFF><td>2005-03-18</td><td>薪酬绩效经理\/副经理</td><td>TCL汤姆逊电子有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[10]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>45t45ttttretrt</td><td>深圳市工程有限公司</td><td>不限</td><td>本科</td></tr>';
slideimages[11]='<tr bgcolor=#FFFFFF><td>2005-03-16</td><td>管理员</td><td>深圳市有限公司</td><td>不限</td><td>初中</td></tr>';function setPageCount()
{
if (slideimages.length<=pagesize)
pagecount=1;
else
{
if (slideimages.length%pagesize==0) 
pagecount=slideimages.length/pagesize;
else
pagecount=parseInt(slideimages.length/pagesize)+1;
}
}
setPageCount();
//以下两个函数为非IE情况控制,未测试
function moveFirst_Not_IE(whichlayer)
{
tlayer=eval(whichlayer);
if (tlayer.top>0&&tlayer.top<=4)
{
tlayer.top=0;
setTimeout("moveFirst_Not_IE(tlayer)",pausetime);
setTimeout("moveSecond_Not_IE(document.main.document.second)",pausetime);
return;
}
if (tlayer.top>=tlayer.document.height*-1)
{
tlayer.top-=4;
setTimeout("moveFirst_Not_IE(tlayer)",scrollspeed);
}
else
{
tlayer.top=scrollerheight;
tlayer.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
tlayer.document.writeln(slideimages[m]);
}
tlayer.document.close();
divhtml += '</table>';
tlayer.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}function moveSecond_Not_IE(whichlayer)
{
tlayer2=eval(whichlayer);
if (tlayer2.top>0&&tlayer2.top<=4)
{
tlayer2.top=0;
setTimeout("moveSecond_Not_IE(tlayer2)",pausetime);
setTimeout("moveFirst_Not_IE(document.main.document.first)",pausetime);
return;
}
if (tlayer2.top>=tlayer2.document.height*-1)
{
tlayer2.top-=4;
setTimeout("moveSecond_Not_IE(tlayer2)",scrollspeed);
}
else
{
tlayer2.top=scrollerheight;
tlayer2.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
tlayer2.document.writeln(slideimages[m]);
}
tlayer2.document.close();
divhtml += '</table>';
tlayer2.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}//以下两个函数为IE情况控制
function moveFirst_IE(whichdiv)
{
tdiv=eval(whichdiv);
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=4)
{
tdiv.style.pixelTop=0;
setTimeout("moveFirst_IE(tdiv)",pausetime);
setTimeout("moveSecond_IE(second2)",pausetime);
return;
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1)
{
tdiv.style.pixelTop-=4;
setTimeout("moveFirst_IE(tdiv)",scrollspeed);
}
else
{
tdiv.style.pixelTop=scrollerheight;
tdiv.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
divhtml+=slideimages[m];
}
divhtml += '</table>';
tdiv.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}function moveSecond_IE(whichdiv)
{
tdiv2=eval(whichdiv);
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=4)
{
tdiv2.style.pixelTop=0;
setTimeout("moveSecond_IE(tdiv2)",pausetime);
setTimeout("moveFirst_IE(first2)",pausetime);
return;
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1)
{
tdiv2.style.pixelTop-=4;
setTimeout("moveSecond_IE(second2)",scrollspeed);
}
else
{
tdiv2.style.pixelTop=scrollerheight;
tdiv2.innerHTML='';
var divhtml=tabletitle;
for (var m=pagesize*(writepage-1);m<pagesize*writepage;m++)
{
if (m>slideimages.length-1) break;
divhtml+=slideimages[m];
}
divhtml += '</table>';
tdiv2.innerHTML=divhtml;
if (writepage==pagecount)
writepage=1;
else
writepage++;
}
}
//开始调用
function startscroll()
{
if (document.all)
{
moveFirst_IE(first2);
second2.style.top=scrollerheight;
}
else if (document.layers)
{
moveFirst_Not_IE(document.main.document.first);
document.main.document.second.top=scrollerheight+5;
document.main.document.second.visibility='show';
}
}window.onload=startscroll;

Answer 2

if (document.layers)
document.write(slideimages[0]);if (document.layers)
document.write(slideimages[1]);if (document.layers)
document.write(slideimages[0]);if (document.all)
{
document.writeln('<center><span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">');
document.writeln('<div id="main1" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">');
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">');
document.writeln (tabletitle);
for (var m=0;m<pagesize;m++)
{
if (m>slideimages.length-1) break;
document.write(slideimages[m]);
}
document.writeln('</table></div>');
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.writeln (tabletitle);
for (var m=pagesize;m<pagesize*2;m++)
{
if (m>slideimages.length-1) break;
document.write(slideimages[m]);
}
document.writeln('</table></div>');
document.writeln('</div>');
document.writeln('</span></center>');
}function changepagesize()
{
var v=document.all.pagesizevalue.value;
if (v!="" && v<slideimages.length)
{
pagesize=v;
setPageCount();
}
}
function changepausetime()
{
var v=document.all.pausetimevalue.value;
if (v!="")
pausetime=v;
}
function changescrollspeed()
{
var v=document.all.scrollspeedvalue.value;
if(v!="")
scrollspeed=v;
}
</SCRIPT>