//使用div时，请保证colee_A2与colee_A1是在同一行上.
var speed = 30 //速度数值越大速度越慢
var colee_A2 = document.getElementById("colee_A2");
var colee_A1 = document.getElementById("colee_A1");
var colee_A = document.getElementById("colee_A");
var colee_B2 = document.getElementById("colee_B2");
var colee_B1 = document.getElementById("colee_B1");
var colee_B = document.getElementById("colee_B");

//A
colee_A2.innerHTML = colee_A1.innerHTML
function MarqueeA() {
    if (colee_A2.offsetWidth - colee_A.scrollLeft <= 0) //offsetWidth 是对象的可见宽度
    colee_A.scrollLeft -= colee_A1.offsetWidth //scrollWidth 是对象的实际内容的宽，不包边线宽度
    else {
        colee_A.scrollLeft++
    }
}
var MyMarA = setInterval(MarqueeA, speed)
colee_A.onmouseover = function() {clearInterval(MyMarA)}
colee_A.onmouseout = function() {MyMarA = setInterval(MarqueeA, speed)}

//B
colee_B2.innerHTML = colee_B1.innerHTML
function MarqueeB() {
    if (colee_B2.offsetWidth - colee_B.scrollLeft <= 0) //offsetWidth 是对象的可见宽度
    colee_B.scrollLeft -= colee_B1.offsetWidth //scrollWidth 是对象的实际内容的宽，不包边线宽度
    else {
        colee_B.scrollLeft++
    }
}
var MyMarB = setInterval(MarqueeB, speed)
colee_B.onmouseover = function() {clearInterval(MyMarB)}
colee_B.onmouseout = function() {MyMarB = setInterval(MarqueeB, speed)}