在决策报表里,用JS实现首尾相接的跑马灯效果,如何在此基础上实现悬停呢,我的代码如下:setTimeout(function(){
speed = 50; //滚动速度var tab = document.getElementById("demo");//外层可视模块var tab1 = document.getElementById("demo1");//内层滚动内容模块1var tab2 = document.getElementById("demo2");//内层滚动内容模块2 无缝对接到1后面的内容
tab2.innerHTML = tab1.innerHTML;//克隆demo1为demo2tab.scrollTop = tab1.offsetHeight;
//创建一个滚动函数,当滚动至demo1与demo2交界时,demo跳到最顶端function Marquee(){
if (tab.scrollTop >= tab1.offsetHeight) {
tab.scrollTop-=tab2.offsetHeight;}else{ tab.scrollTop+=1;
}
}var MyMar=setInterval(Marquee,speed);
},1500);
//隐藏头尾空白行setTimeout(function(){
document.getElementById("r-1-0").style.height=0;
},100); 查了一下有关贴子,在上面代码里加了如下代码但不起作用:window.flag = true;//鼠标悬停,滚动停止 setTimeout(function() { $(".frozen-center").mouseover(function() { window.flag = false; }); //鼠标离开,继续滚动 $(".frozen-center").mouseleave(function() { window.flag = true; });