FineReport -跑马灯(JS特效)

JavaScript 代码：

setTimeout(function() {
$("div[widgetname=REPORT0]").find("#frozen-center").css('overflow-x', 'hidden');
$("div[widgetname=REPORT0]").find("#frozen-center").css('overflow-y', 'hidden');
$("div[widgetname=REPORT0]").find("#frozen-north").css('overflow-x', 'hidden');
$("div[widgetname=REPORT0]").find("#frozen-north").css('overflow-y', 'hidden');
$("div[widgetname=REPORT0]").find(".reportContent").css('overflow-y', 'hidden');
$("div[widgetname=REPORT0]").find(".reportContent").css('overflow-x', 'hidden');
}, 100);
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;
$("div[widgetname=REPORT0]").find("#frozen-center")[0].scrollTop = currentpos + 1.5;
}
}
}, 25);
//以25ms的速度每次滚动3.5PX
}, 1000)

📱 扫码关注公众号

扫描二维码关注我们，获取更多精彩内容
实时更新 · 干货满满