跑马灯没有效果

决策报表,两个报表块需要跑马灯,report0悬浮鼠标,两个报表块都停止,report1悬浮,两个都没效果,report1滚动条也没去除image.png

这个是js脚本report0:

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.flag1 = true;

//鼠标悬停,滚动停止  

setTimeout(function() {

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

        window.flag1 = false;

    });

    //鼠标离开,继续滚动  

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

        window.flag1 = true;

    });

    var old = -1;

    var interval = setInterval(function() {

        if(window.flag1) {

            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);

report1:

setTimeout(function() {

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

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

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

}, 1000);

window.flag2 = true;

//鼠标悬停,滚动停止  

setTimeout(function() {

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

        window.flag2 = false;

    });

    //鼠标离开,继续滚动  

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

        window.flag2 = true;

    });

    var old = -1;

    var interval = setInterval(function() {

        if(window.flag2) {

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

            if(currentpos == old) {

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

            } else {

                old = currentpos;

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

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

            }

        }

    }, 25);

}, 1000);

FineReport 深巷 发布于 2022-8-16 14:17 (编辑于 2022-8-16 15:26)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
snrtuemcLv8专家互助
发布于2022-8-16 14:22(编辑于 2022-8-16 15:27)

你的js的flag定义不对,用这个

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);

==================

这边根据报表块判断悬停

//鼠标悬停,滚动停止  

setTimeout(function() {

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

        window.flag1 = false;

    });

    //鼠标离开,继续滚动  

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

        window.flag1 = true;

    });

  • 深巷 深巷(提问者) 我用这个的话,鼠标悬浮report0上,report1也跟着停,悬浮report1上,两个都没反应,而且report1滚动条没有去除
    2022-08-16 15:05 
  • snrtuemc snrtuemc 回复 深巷(提问者) 暂停问题,window.flag这个改成window.flag1,window.flag2这个格式就可以,每个报表块初始化事件复制这个语句,然后报表块名称,window.flag名称改了就可以
    2022-08-16 15:06 
  • 深巷 深巷(提问者) 回复 snrtuemc 麻烦看一下,我上边问题更新了,我把js脚本更新了现在用的,你看哪里不对吗,为什么没效果
    2022-08-16 15:15 
  • snrtuemc snrtuemc 回复 深巷(提问者) 现在是不是,鼠标可以控制两个报表块,修改下代码,悬停时候根据报表块来。原来.frozen-center的地方改成.frozen-center.REPORT1table tr这个格式
    2022-08-16 15:24 
  • snrtuemc snrtuemc 回复 深巷(提问者) 看修改答案,仔细点
    2022-08-16 15:27 
最佳回答
0
蜡笔小新偶尔在线Lv5见习互助
发布于2022-8-16 14:20

模板发来看下呢

  • 3关注人数
  • 370浏览人数
  • 最后回答于:2022-8-16 15:27
    请选择关闭问题的原因
    确定 取消
    返回顶部