‘跑马灯’如何隔行变色

各位大佬:

跑马灯,想再加上‘隔行变色’效果,求助(已实现跑马效果)

谢谢

image.png

我的跑马灯js

-------------------------------

setTimeout(function() {

    //隐藏报表块REPORT0的滚动条(此报表块名为REPORT0,根据具体情况修改)

    $("div[widgetname=REPORT0]").find(".frozen-north")[0].style.overflow = "hidden";

    $("div[widgetname=REPORT0]").find(".frozen-center")[0].style.overflow = "hidden";

}, 1000);

window.flag = true;

//鼠标悬停,滚动停止  

setTimeout(function() {

    $(".frozen-center").mouseover(function() {

        window.flag = false;

    });

    //鼠标离开,继续滚动  

    $(".frozen-center").mouseleave(function() {

        window.flag = true;

    });

    var old = -1;

    var interval = setInterval(function() {

        if(window.flag) {

            currentpos = $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop;

            if(currentpos == old) {

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = 0;

            } else {

                old = currentpos;

                //以25ms的速度每次滚动1.5PX  

                $("div[widgetname=REPORT0]").find(".frozen-center")[0].scrollTop = currentpos + 1.5;

            }

        }

    }, 25);

}, 1000);

FineReport 用户z3erE5519811 发布于 2022-4-25 09:31 (编辑于 2022-4-25 09:32)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共1回答
最佳回答
0
用户6NWif5139660Lv6资深互助
发布于2022-4-25 09:33

隔行显示不同背景色-https://help.fanruan.com/finereport/doc-view-952.html

不需要写js

  • 2关注人数
  • 300浏览人数
  • 最后回答于:2022-4-25 09:33
    请选择关闭问题的原因
    确定 取消
    返回顶部