走马灯效果脚本

复制链接 | 收藏本帖

4512

楼主

说明：报表脚本中设置了表格在容器中向上方向的走马灯效果，鼠标左键点击会在停止和继续间进行切换
脚本：

var speed = 10; //定时执行的间隔，影响速度，数值越大，速度越慢（可修改）
var offpos = 1; //每次向上偏移量，单位为像素(可修改)
var tabledom = document.getElementById("GRID1"); //获取代号为"GRID1"的表格的HTML元素（GRID1可修改为需要进行跑马灯效果的控件在展示界面的html元素id值）
var bodydiv = document.getElementById("HHH3"); //获取代号为"HHH3"的容器的HTML元素（HHH15可修改为进行跑马灯效果的控件的父容器或父元素的html元素id值）
bodydiv.style.overflow="hidden";
var position = 0;
var height = tabledom.clientHeight;
var paused = false; //是否暂停
function scroller() {
if( paused ) return;
if((0 - position ) === height ){
position = bodydiv.clientHeight;
tabledom.style.top = position + "px";
}
position -= offpos;
tabledom.style.top = position + "px";
}
setInterval("scroller()", speed);//自动滚动
//鼠标点击停止或继续(如果不需要可以去掉下面的脚本)
document.body.onmousedown = function(){
paused = !paused;
}