我需要做一个功能,滚动显示教师资料,当最后一位教师的资料显示在最末端后,然后又充第一位老师开始滚动显示。
下面的代码显示了最后一位老师后,第一位老师充下面滚上来,我要的效果是,最后的一位老师显示后,重新开始滚动,也就是恢复到开始的状态。
<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>
下面的代码显示了最后一位老师后,第一位老师充下面滚上来,我要的效果是,最后的一位老师显示后,重新开始滚动,也就是恢复到开始的状态。
<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>
var gundong=document.createElement("marquee");
gundong.innerHTML="";//你想要展示的内容
//其他滚动属性一样设置
document.body.appendChild(gundong);
楼主这个建议如何?
不明白你的意思,我想需要需改的就是if(teacher_demo2.offsetTop-teacher_demo.scrollTop<=0)
这个语句,就是什么时候让他重新开始。