FineReport -跑马灯(JS特效)
文章摘要
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)
手机扫码阅读
微信或手机浏览器扫一扫,随时随地随心阅读与分享
还没有人赞过,来做第一个
🤞 分享
订阅更新
输入邮箱,第一时间接收本站新文章推送。
版权所有:辰峰微网
文章标题:FineReport -跑马灯(JS特效)
文章链接:https://www.14551.cn/Fanruan/773.html
版权声明:本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
文章标题:FineReport -跑马灯(JS特效)
文章链接:https://www.14551.cn/Fanruan/773.html
版权声明:本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
发表评论