借用以下js代码,修改报名名称,实现了2个报表块的自动播放效果,但是其中一个报表块,鼠标移上后不会停止滚动,是不是window.flag有什么使用要求?求教,应该怎么使用这个方法,是不是有序号要求,如果是,那么怎么获取这个序号。以下代码需要怎么修改才能实现多个报表块分别控制的效果。 setTimeout(function() { //隐藏报表块的滚动条 //获取报表块宽度 var wid = ($("div[widgetname='REPORT_左下']").width() - 17) + 'px'; //重置报表块宽度 $("div[widgetname='REPORT_左下']").css('width', wid); //获取报表块高度 var height = ($("div[widgetname='REPORT_左下']").height() - 16) + 'px'; //重置报表块高度 $("div[widgetname='REPORT_左下']").css('height', height); }, 1000); window.flag1=true; var self1 = this; //鼠标悬停,滚动停止 setTimeout(function() { $("div[widgetname='REPORT_左下']").find("#frozen-center").mouseover(function() { window.flag1 = false; });
//鼠标离开,继续滚动 $("div[widgetname='REPORT_左下']").find("#frozen-center").mouseleave(function() { window.flag1 = true; });
var old = -1; window.interval = setInterval(function() { if (!self1.isVisible()) { return; } if (window.flag1) { currentpos1 = $("div[widgetname='REPORT_左下']").find("#frozen-center")[0].scrollTop; if (currentpos1 == old && 0!=currentpos1) { $("div[widgetname='REPORT_左下']").find("#frozen-center")[0].scrollTop = 0; } else { old = currentpos1; //以25ms的速度每次滚动1.5PX $("div[widgetname='REPORT_左下']").find("#frozen-center")[0].scrollTop = currentpos1 + 1.5; } } }, 25); }, 1000); |