报表模板——走马灯,滚动表格,表格轮播

10672
12

tangmq 数据达人Lv4

发表于2019-5-21 16:54

楼主
本帖最后由 tangmq 于 2019-9-27 14:00 编辑
  1. /***
  2. **表格内容自动轮播脚本
  3. **@param tableDom内容滚动的表格,最好是表格的父DIV
  4. **@param visibleHeight 可视区的高度
  5. ***/
  6. function autoScrollTable(gridId){
  7.         var timer = null;
  8.         var stopped = false;
  9.         var grid2 = document.getElementById(gridId);
  10.         var table = getChildNodeAt(grid2,"table",0);
  11.         var moveFirst2Last = function(){
  12.                 var firstRow = table.rows[0].cloneNode(true);
  13.                 if(!stopped){
  14.                         var height = 0-$(table.rows[0]).height();
  15.                         $("#"+gridId).animate({top:height+"px"},2000,function(){
  16.                                 table.appendChild(firstRow);
  17.                                 table.deleteRow(0);
  18.                                 $("#"+gridId).css("top","0px");
  19.                                 timer = setTimeout(moveFirst2Last,20);
  20.                         });
  21.                 }else{
  22.                         timer = setTimeout(moveFirst2Last,20);
  23.                 }
  24.         };
  25.         var stopTableScroll = function(){
  26.                 stopped =true;
  27.         };
  28.         var startTableScroll = function(){
  29.                 stopped = false;
  30.         };
  31.         startTableScroll();
  32.         moveFirst2Last();
  33.         jQuery(table).hover(stopTableScroll,startTableScroll);
  34. }
  35. autoScrollTable("GRID1");
  36. autoScrollTable("GRID3");

复制代码
-

autoScrollTable("GRID1");
autoScrollTable("GRID3");
最后这两行代码是指定需要滚动的表格代号,可以多个表格同时滚动,超级腻害
参考表样 BI4.7.rar (2.39 KB, 下载次数: )

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

渠道咨询电话:137-0120-6790

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流