1. 上下两个报表块,写了相同的js来控制数据滚动与鼠标悬停使停止滚动,只是引用的报表款名称不同,但是鼠标悬停到其中一个,两个报表块的数据都会停止; setInterval(function() { //隐藏报表块培训覆盖率列表的滚动条 $("div[widgetname=培训覆盖率列表]").find(".frozen-north")[0].style.overflow = "hidden"; $("div[widgetname=培训覆盖率列表]").find(".frozen-center")[0].style.overflow = "hidden"; }, 1000); window.flag = true; setTimeout(function() { $("div[widgetname=培训覆盖率列表]").find("#frozen-center").mouseover(function() { window.flag = false; }) //鼠标悬停,滚动停止 $("div[widgetname=培训覆盖率列表]").find("#frozen-center").mouseleave(function() { window.flag = true; }) //鼠标离开,继续滚动 var old = -1; var interval = setInterval(function() { if (window.flag) { currentpos = $("div[widgetname=培训覆盖率列表]").find("#frozen-center")[0].scrollTop; if (currentpos == old) { $("div[widgetname=培训覆盖率列表]").find("#frozen-center")[0].scrollTop = 0; } else { old = currentpos; $("div[widgetname=培训覆盖率列表]").find("#frozen-center")[0].scrollTop = currentpos + 1.5; } } }, 75); //以25ms的速度每次滚动3.5PX }, 1000) |