-
tangmq 数据达人Lv4
发表于2019-5-21 16:54
楼主
本帖最后由 tangmq 于 2019-9-27 14:00 编辑
复制代码-
autoScrollTable("GRID1");
autoScrollTable("GRID3");
最后这两行代码是指定需要滚动的表格代号,可以多个表格同时滚动,超级腻害
参考表样
BI4.7.rar
(2.39 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");
最后这两行代码是指定需要滚动的表格代号,可以多个表格同时滚动,超级腻害
参考表样
-
小时
全天响应
-
分钟
快速处理问题
-
工程师强势助力
- 明星产品
- 解决方案
- 联系合作
-
渠道咨询电话:137-0120-6790
技术支持QQ:400-0011-866(工作日9:00-18:00)
产品建议邮箱yixin@esensoft.com
- 关注我们
-
扫TA学习更多干货
一对一专家交流
版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号