js实现marquee头尾⽆缝滚动
dom:
<div class="marquee" id="marquee">
<p><span id="marquee-content">
183********⽤户已获得25%的加奖资格　1830155253１⽤户已获得25%的加奖资格　1830155253２⽤户已获得25%的加奖资格</span>
<span id="marquee-content-footer"></span></p>
</div>
js:
$(function () {
var m = $('#marquee')[0];
var m1 = $('#marquee-content')[0];
var m2 = $('#marquee-content-footer')[0];
function marquee() {
marquee marqueeif (m2.offsetWidth <= m.scrollLeft) {
m.scrollLeft -= m2.offsetWidth;
} else {
m.scrollLeft++;
}
}
timer = setInterval(marquee, 30);
//m.onmouseover = clearInterval(timer, 30);
/
*m.onmouseout = function () {
timer = setInterval(marquee,30);
}*/
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。