我需要做一个功能,滚动显示教师资料,当最后一位教师的资料显示在最末端后,然后又充第一位老师开始滚动显示。
下面的代码显示了最后一位老师后,第一位老师充下面滚上来,我要的效果是,最后的一位老师显示后,重新开始滚动,也就是恢复到开始的状态。
<div id=teacher_demo style="OVERFLOW: hidden; WIDTH: 214px; HEIGHT: 250px" background:#214984;color:#ffffff>
                  <div id=teacher_demo1>
                    <%
sqltext4="select  * from Teachers  order by id desc"
rs_news.open sqltext4,conn,1,1
i=0
do while not rs_news.eof  
%>
                    <dl style="background:none;">
                      <dt><a href="<%=rs_news("HtmlAdd")%>" target="_blank"><img src="<%=rs_news("FirstImageName")%>"  width="82" height="82" border="0"/></a></dt>
                      <dd ><a href="<%=rs_news("HtmlAdd")%>" target="_blank"><%=rs_news("title")%></a></dd>
                      <dd><%=cutstr(filtscript(rs_news("content")),28)%></dd>
                    </dl>
                    <%rs_news.movenext
i=i+1
loop
rs_news.close %>
                  </div>
                 <div id=teacher_demo2></div>
                </div>
                <SCRIPT>  
   var speed=30  
   teacher_demo2.innerHTML=teacher_demo1.innerHTML; //克隆teacher_demo1为teacher_demo2  
   function Marquee(){  
//当滚动至teacher_demo1与teacher_demo2交界时  
if(teacher_demo2.offsetTop-teacher_demo.scrollTop<=0)    
teacher_demo.scrollTop=0; //teacher_demo跳到最顶端  
else{  
teacher_demo.scrollTop++  
   }  
   }  
   var MyMar=setInterval(Marquee,speed)//设置定时器  
//鼠标移上时清除定时器达到滚动停止的目的  
   teacher_demo.onmouseover=function() {clearInterval(MyMar)}  
//鼠标移开时重设定时器  
   teacher_demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}  
      </SCRIPT>