在决策报表里,用JS实现首尾相接的跑马灯效果,如何在此基础上实现悬停呢,我的代码如下: setTimeout(function(){ speed = 50; //滚动速度 var tab = document.getElementById("demo");//外层可视模块 var tab1 = document.getElementById("demo1");//内层滚动内容模块1 var tab2 = document.getElementById("demo2");//内层滚动内容模块2 无缝对接到1 后面的内容 tab2.innerHTML = tab1.innerHTML;//克隆demo1为demo2 tab.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; });
|
最佳回答 |
||||
1
|
|