-
-
tangmq 数据达人Lv4
发表于2019-5-21 16:54
楼主
本帖最后由 tangmq 于 2019-9-27 14:00 编辑
复制代码-
autoScrollTable("GRID1");
autoScrollTable("GRID3");
最后这两行代码是指定需要滚动的表格代号，可以多个表格同时滚动，超级腻害
参考表样
BI4.7.rar
(2.39 KB, 下载次数: )
ABI上如果也有类似需求，脚本需要作出调整
参考表样
BI4.7.rar
(2.39 KB, 下载次数: )
脚本内容，参考楼下三楼的回复
ABI.rar
(6.11 KB, 下载次数: )
- /***
- **表格内容自动轮播脚本
- **@param tableDom内容滚动的表格，最好是表格的父DIV
- **@param visibleHeight 可视区的高度
- ***/
- function autoScrollTable(gridId){
- var timer = null;
- var stopped = false;
- var grid2 = document.getElementById(gridId);
- var table = getChildNodeAt(grid2,"table",0);
- var moveFirst2Last = function(){
- var firstRow = table.rows[0].cloneNode(true);
- if(!stopped){
- var height = 0-$(table.rows[0]).height();
- $("#"+gridId).animate({top:height+"px"},2000,function(){
- table.appendChild(firstRow);
- table.deleteRow(0);
- $("#"+gridId).css("top","0px");
- timer = setTimeout(moveFirst2Last,20);
- });
- }else{
- timer = setTimeout(moveFirst2Last,20);
- }
- };
- var stopTableScroll = function(){
- stopped =true;
- };
- var startTableScroll = function(){
- stopped = false;
- };
- startTableScroll();
- moveFirst2Last();
- jQuery(table).hover(stopTableScroll,startTableScroll);
- }
- autoScrollTable("GRID1");
- autoScrollTable("GRID3");
autoScrollTable("GRID1");
autoScrollTable("GRID3");
最后这两行代码是指定需要滚动的表格代号，可以多个表格同时滚动，超级腻害
参考表样
BI4.7.rar
(2.39 KB, 下载次数: )
ABI上如果也有类似需求，脚本需要作出调整
参考表样
BI4.7.rar
(2.39 KB, 下载次数: )
脚本内容，参考楼下三楼的回复
ABI.rar
(6.11 KB, 下载次数: )
