finereport--决策报表中设计跑马灯效果

var reportarray = ["REPORT0"];
//根据实际情况设置跑马灯报表块的名称,名称大写。
window.fobject = {};
for (i = 0; i < reportarray.length; i++) {
    fobject["flag" + i] = true;
}
 
for (i = 0; i < reportarray.length; i++) {
    $("div[widgetname='" + reportarray[i] + "']").ready(function() {
        //function
        var index = i;
        let part;
        var self = '$("div[widgetname="' + reportarray[i] + ']")';
        var name = reportarray[i];
        console.log(name)
        setTimeout(function() {
            if ($('.scrollDiv').length == 0) 
            //判断是否安装了自定义滚动条插件
            {
 
                if ($("div[widgetname=" + name + "]").find(".frozen-center").length == 1) 
                //没安装,报表块有没有设置冻结
                {
                    part = $("div[widgetname=" + name + "]").find(".frozen-center"); 
                    //设置了冻结时
                    $("div[widgetname=" + name + "]").find(".frozen-north").css("overflow", "hidden");
                    $("div[widgetname=" + name + "]").find(".frozen-north").css("overflow-y", "hidden");
                } else {
                    part = $("div[widgetname=" + name + "]").find(".reportContent"); 
                    //没设置冻结时
                }
            } else {
 
                part = $("div[widgetname=" + name + "]").find(".scrollDiv"); 
                //如果安装了插件,所有元素都是.scrollDiv
            }
            part.css("overflow", "hidden"); //去除滚动条
            part.css("overflow-x", "hidden");
            part.css("overflow-y", "hidden"); //兼容IE的去除滚动条
            part.mouseover(function() {
                fobject["flag" + index] = false;
            });
            //鼠标离开,继续滚动 
            part.mouseleave(function() {
                fobject["flag" + index] = true;
            });
            var old = -1;
            setInterval(function() {
                if (fobject["flag" + index]) {
                    currentpos = part[0].scrollTop;
                    if (currentpos == old) {
                        part[0].scrollTop = 0;
                    } else {
                        old = currentpos;
                        //以25ms的速度每次滚动1.5PX 
                        part[0].scrollTop = currentpos + 1.5;
                    }
                }
            }, 25);
        }, 300)
    })
}

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值