前端_无缝滚动
var speed = 40;
var FGDemo = document.getElementById('demo');
var FGDemo1 = document.getElementById('demo1');
var FGDemo2 = document.getElementById('demo2');
FGDemo2.innerHTML = FGDemo1.innerHTML;
function Marquee1() {
if (FGDemo2.offsetHeight - FGDemo.scrollTop <= 0)
FGDemo.scrollTop -= FGDemo1.offsetHeight;
else {
FGDemo.scrollTop++;
}
}
var MyMar1 = setInterval(Marquee1, speed);
FGDemo.onmouseover = function() {
clearInterval(MyMar1);
};
FGDemo.onmouseout = function() {
MyMar1 = setInterval(Marquee1, speed);
};
html代码:
<div class="imari_draw">
<div id="demo">
<div id="demo1">
<ul>
<li>分宝</li>
</ul>
</div>
<div id="demo2">
<ul>
<li>分宝</li>
</ul>
</div>