跑马灯Marquee效果

html：

                

                    

• 建行天津分行积极推进智能化服务

                    

• 一线金融风险防控启示录：党建与业务并重

                    

• 中国银联联合银行全新发布银行业统一APP“云闪付”

                    

• 中国建设银行获评国有上市企业最佳责任企业

                    

• 建设银行天津分行布局智能终端，推进互联网金融升级

                    

• 中国建设银行与阿里巴巴、蚂蚁金服集团签署战略合作协议

                

            

++++++++++++++++++++++++++++++++++

js部分：

if($("#Marquee_x").length){

var num=0,mm=$('#Marquee_x .listUL').html(),size_=$('#Marquee_x .listUL li').length,

liH=$('#Marquee_x .listUL li').width(),allTop=size_*liH;

$('#Marquee_x .listUL').append(mm);

function goLeft() {

//750是根据你给的尺寸，可变的

if (num == -allTop) {

num = 0;

}

num -= 1;

$("#Marquee_x .listUL").css({

left: num

})

}

//设置滚动速度

var timer = setInterval(goLeft, 30);

//设置鼠标经过时滚动停止

$("#Marquee_x").hover(

function() {

clearInterval(timer);

},

function() {

timer = setInterval(goLeft, 30);

}

)

}