图片或文字间隔滚动代码

下面是图片或文字的间隔滚动代码，以前也收集过类似的代码
不过感觉这个好用些，易于控制。

<div id="icefable1" align="center" >
<table bgcolor="#CACAFF" id="table1" width="400">
 <tr>
   <td height="5">第一次滚动第一行</td>
 </tr>
 <tr>
   <td  width="25%" height="18" >第二行</td>
 </tr>
 <tr><td  height="5" ></td></tr>
</table>
<table bgcolor="#FFC8C8" id="table2" width="400">
 <tr>
   <td height="5">第二次滚动第一行</td>
 </tr>
 <tr>
   <td  width="25%" height="18" >第二行</td>
 </tr>
 <tr><td  height="5" ></td></tr>
</table> 
</div>

<script>
marqueesHeight=53;   //显示区域的高度
stopscroll=false;
with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=marqueesHeight; stoptime=0;
icefable1.innerHTML+=icefable1.innerHTML;

function init_srolltext(){
icefable1.scrollTop=0;
setInterval("scrollUp()",20);//20为滚动时的速度，越小速度越快。
}init_srolltext();

function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==(marqueesHeight+1))
{
  stoptime+=1;
  currentTop-=1;
  if(stoptime==200) //200为停留的间隔时间
  {
    currentTop=0;
    stoptime=0;    
  }
}
else {  
preTop=icefable1.scrollTop;
icefable1.scrollTop+=1;
if(preTop==icefable1.scrollTop){
icefable1.scrollTop=marqueesHeight;
icefable1.scrollTop+=1;

}
}

}
</script>

转载保留链接！网址：https://80920140.com/post/141.html