效果演示代码: 脚本之家 www.jb51.net 脚本之家 www.jb51.net 脚本之家 www.jb51.net 脚本之家 www.jb51.net function showtable(){ var color1 = "rgb(234,240,255)"; var color2 = "rgb(255,255,255)"; var bgColor = "rgb(255,255,193)"; var trs = document.getElementById("datatable").getElementsByTagName("tr"); for (var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]核心代码:复制代码 代码如下:function showtable(){ var color1 = "rgb(234,240,255)"; var color2 = "rgb(255,255,255)"; var bgColor = "rgb(255,255,193)"; var trs = document.getElementById("datatable").getElementsByTagName("tr"); for (var i=0;i<trs.length-1;i++){ if (i%2==0) { trs[i].style.backgroundColor=color1; trs[i].onmouseover = function(){ this.style.backgroundColor = bgColor; } trs[i].onmouseout = function(){ this.style.backgroundColor = color1; } } else { trs[i].style.backgroundColor=color2; trs[i].onmouseover = function(){ this.style.backgroundColor = bgColor; } trs[i].onmouseout = function(){ this.style.backgroundColor = color2; } } } }

　　推荐阅读

　　Grid得到选择行数据的方法总结

复制代码 代码如下: grid.getStore().getRange(0,store.getCount()); //得到grid所有的行 复制代码 代码如下: grid.getSelectionModel().getSelections(); //得到选择所有行 //注：如果不声明var sm = new Ext.gr>>>详细阅读

本文标题：Table隔行变色的JavaScript代码

地址：http://www.17bianji.com/kaifa2/JS/25028.html

 1/2    1