jsp实现无缝滚动
<marquee></marquee>是网页中常用的走马灯标记。在滚动过程中,总是滚动区末端正走出显示区,顶端才开始进后,这段时间内无内容显示,算是有缝滚动。以下的无逢滚动已与<marque>标记没有任何关系,它是利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>是网页中常用的走马灯标记。在滚动过程中,总是滚动区末端正走出显示区,顶端才开始进后,这段时间内无内容显示,算是有缝滚动。以下的无逢滚动已与<marque>标记没有任何关系,它是利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>