帆软9.0JS实现横向跑马灯

FRM报表想实现横向跑马灯效果,不是一个字一个字的横向,是一个单元格数据展示完横向跑马灯下一个数据

FineReport 希泽不困 发布于 2023-6-8 11:32
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
坚定的小帆薯Lv6高级互助
发布于2023-6-8 11:42(编辑于 2023-6-8 11:42)

可以用插件,滚动消息控件,支持9.0的

帆软市场  https://market.fanruan.com/plugin/ee8224b0-a6d8-419d-a102-d058003647e8

或者参考文档

以HTML实现消息滚动- FineReport帮助文档 - 全面的报表使用教程和学习资料  https://help.fanruan.com/finereport/doc-view-1758.html

最佳回答
0
YmengLv5中级互助
发布于2023-6-8 11:51

window.flag = true; 

setTimeout(function() { //鼠标离开,继续滚动  

$("[widgetname=REPORT1]").on("mouseover","#frozen-center",function() { 

window.flag = false; }) //鼠标悬停,滚动停止  

$("[widgetname=REPORT1]").on("mouseleave","#frozen-center",function() { 

window.flag = true; })

old = -1;

var interval = setInterval(function() { 

if (window.flag) {  

currentpos = $("[widgetname=REPORT1]").find("#frozen-center")[0].scrollLeft; 

if (currentpos == old) {

$("[widgetname=REPORT1]").find("#frozen-center")[0].scrollLeft = 0;

} else { 

window.old = currentpos; 

$("[widgetname=REPORT1]").find("#frozen-center")[0].scrollLeft = currentpos + 1.5; 

}, 60); //以25ms的速度每次滚动3.5PX  

}, 1000)

//上面代码是有冻结列的情况,REPORT1修改为你的组件名

  • 3关注人数
  • 597浏览人数
  • 最后回答于:2023-6-8 11:51
    请选择关闭问题的原因
    确定 取消
    返回顶部