js-改变表格背景颜色
2011-08-09 13:16
423 查看
// 表格背景颜色变换 function changeBg() { var tableBg = document.getElementById("allH_Table"); for (i = 0; i < tableBg.rows.length; i++) { if (tableBg.rows[i].tagName == "TR") { tableBg.rows[i].className = (i % 2 == 1 ? "list_tr1" : "list_tr2"); } else { break; } } } // 根据移动到不同的行改变改行的背景颜色 function currentRow() { var pclass = ""; var obj = document.getElementById("allH_Table"); for ( var i = 0; i < obj.rows.length; i++) { obj.rows[i].onmouseover = function() { pclass = this.className; this.className = "action"; }; obj.rows[i].onmouseout = function() { this.className = pclass; }; } }
.list_tr1{ background-color:#cccccc;} .list_tr2{ background-color:#ffffff;} .action{background-color:#00ff00;}
相关文章推荐
- js 当鼠标移动到表格一行上时,该行背景颜色改变
- VC改变CListCtrl 表格中文字颜色,和背景颜色。
- js实现<input type="color">改变背景颜色
- 鼠标经过时,改变表格行、列的背景颜色
- JS点击按钮如何改变网页的背景颜色
- 表格的hover效果,IE6下用JS解决。--- 当鼠标移动到表格行时出现行背景颜色。
- js改变表格颜色
- js实现表格变色点击行颜色改变
- JS实现鼠标滑过链接改变网页背景颜色的方法
- CSS改变表格行的背景颜色
- JS实现鼠标滑过链接改变网页背景颜色的方法
- jquery动态添加的表格行鼠标经过时候改变行的背景颜色
- ExtJS4.2 Grid知识点三:改变表格Grid单元格背景颜色
- angularjs 表格隔行变色和滑过行改变背景颜色
- js特效代码-onmouseover/onclick 改变标签(背景)颜色
- word 改变表格,单元格的背景颜色
- js实现表格变色点击行颜色改变
- js练习6(随机改变背景颜色)
- CSS:当鼠标移动到表格的某一行时改变其背景颜色
- [JS9] document's bgColor改变背景颜色