2个报表块:report_左下,report_中下。js代码相似,其中一个实现了效果,另外一个没有,求教什么原因? 1、报表块:“report_中下”实现了效果,其事件--初始化后--js代码: 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.flag=true; setTimeout(function(){ $("#frozen-center").mouseover(function() { window.flag=false; }) //鼠标离开,继续滚动 $("#frozen-center").mouseleave(function() { window.flag=true; }) //以200ms的速度每次滚动1.5PX var old=-1; var interval=setInterval(function() { if(window.flag){ currentpos=$("#frozen-center")[0].scrollTop; if (currentpos==old){ $("#frozen-center")[0].scrollTop=0; } else { old=currentpos; $("#frozen-center")[0].scrollTop=currentpos+1.5; } } },200); },3000) 2、报表块:“report_左下”不行,其事件--初始化后--js代码: 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.flag=true; setTimeout(function(){ $("#frozen-center").mouseover(function() { window.flag=false; }) //鼠标离开,继续滚动 $("#frozen-center").mouseleave(function() { window.flag=true; }) //以40ms的速度每次滚动1.5PX var old=-1; var interval=setInterval(function() { if(window.flag){ currentpos=$("#frozen-center")[0].scrollTop; if (currentpos==old){ $("#frozen-center")[0].scrollTop=0; } else { old=currentpos; $("#frozen-center")[0].scrollTop=currentpos+1.5; } } },40); },3000) |