最近在做一个前端开发的项目,需要实现无缝滚动效果,上下左右无缝滚动。下面小编把实现代码分享到编程之家平台,需要的朋友可以参考下,有bug欢迎提出,共同学习进步。
具体代码如下所示:
rush:js;">
一行多列文字循环滚动带停顿-
<Meta http-equiv=Content-Type content="text/html; charset=utf-8">
SEOver="if(!anncount) {clearTimeout(annst);annst = 0}" onMouSEOut="if(!annst) annst = setTimeout('announcementScroll()',anndelay);">
' +
$('scrbody').innerHTML;
$('scrbody').scrollTop = 0;
if($('scrbody').scrollHeight > annheight * 3)
{
annst = setTimeout('announcementScroll()',anndelay);
}
else
{
$('announcement').onmouSEOver = $('announcement').onmouSEOut = null;
}
return;
}
if(anncount == annheight)
{
if($('scrbody').scrollHeight - annheight <= $('scrbody').scrollTop)
{
$('scrbody').scrollTop = $('scrbody').scrollHeight / 2 - annheight;
}
anncount = 0;
annst = setTimeout('announcementScroll()',anndelay);
}
else
{
$('scrbody').scrollTop ++ ;
anncount ++ ;
annst = setTimeout('announcementScroll()',10);
}
}
announcementScroll();