实现滚动字幕的连续显示的代码:
<marquee></marquee>是走马灯标记,但滚动过程中总是文字末端完全走出显示区后,才开始出现顶端文字,总要有一段空地儿无内容可显示,利用jsp对div内的table操作,能达到滚动字幕不间断的目的。
<!------------------ 向上滚动代码开始 ------------------------
demoTop,显示区;demoTop1,滚动区顶;demoTop,滚动区底
-->
<div id=demoTop style="overflow:hidden;height:200;width:118;color:#ffffff">
<table align=left cellpadding=0 cellspacing=0 border=0>
<tr>
<td id=demoTop1 valign=top>此处为显示内容</td>
</tr>
<tr><td id=demoTop2 valign=top></td></tr>
</table>
</div>
<!-- 放在最底部 -->
<script type="text/javascript">
var speed_Top=30
demoTop2.innerHTML=demoTop1.innerHTML
function Marquee_Top(){
if(demoTop2.offsetHeight-demoTop.scrollTop<=0)
demoTop.scrollTop-=demoTop1.offsetHeight
else{
demoTop.scrollTop++
}
}
var MyMar_Top=setInterval(Marquee_Top,speed_Top)
demoTop.onmouseover=function() {clearInterval(MyMar_Top)}
demoTop.onmouseout=function() {MyMar_Top=setInterval(Marquee_Top,speed_Top)}
</script>
<marquee></marquee>是走马灯标记,但滚动过程中总是文字末端完全走出显示区后,才开始出现顶端文字,总要有一段空地儿无内容可显示,利用jsp对div内的table操作,能达到滚动字幕不间断的目的。
<!------------------ 向上滚动代码开始 ------------------------
demoTop,显示区;demoTop1,滚动区顶;demoTop,滚动区底
-->
<div id=demoTop style="overflow:hidden;height:200;width:118;color:#ffffff">
<table align=left cellpadding=0 cellspacing=0 border=0>
<tr>
<td id=demoTop1 valign=top>此处为显示内容</td>
</tr>
<tr><td id=demoTop2 valign=top></td></tr>
</table>
</div>
<!-- 放在最底部 -->
<script type="text/javascript">
var speed_Top=30
demoTop2.innerHTML=demoTop1.innerHTML
function Marquee_Top(){
if(demoTop2.offsetHeight-demoTop.scrollTop<=0)
demoTop.scrollTop-=demoTop1.offsetHeight
else{
demoTop.scrollTop++
}
}
var MyMar_Top=setInterval(Marquee_Top,speed_Top)
demoTop.onmouseover=function() {clearInterval(MyMar_Top)}
demoTop.onmouseout=function() {MyMar_Top=setInterval(Marquee_Top,speed_Top)}
</script>