FineReport实现文字滚动跑马灯鼠标悬停

第一步：

在CPT文件的单元格页面添加一下HTML代码

="<div id=\"demo\" style=\"height:300px;overflow:hidden;\"> <div id=\"indemo\" style=\"height:200%;\"> <div id=\"demo1\"> <br />" + REPLACE(H25, ",", "<br /><br />") + "<br /><br /> </div> <div id=\"demo2\"></div> </div> </div>"

第二步：

在模板Web属性->分页预览设置->事件设置里面添加如下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);
//鼠标悬停，滚动停止 
tab.onmouseover=function(){clearInterval(MyMar);};    
//鼠标离开，继续滚动  
tab.onmouseout=function(){MyMar=setInterval(Marquee,speed);};
},1500);