JS实现表格隔行换色,鼠标经过换色,单击换色,再单击还原等功能
2013-06-29 11:03
671 查看
已经封装成函数了,非常方便。怀着一颗不怕被吐槽的心,我又来分享了。。。。欢迎各位大神来吐槽。。。。
//showTable("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景"); function showTable(o,a,b,c,d){ var t=document.getElementById(o).getElementsByTagName("tr"); for(var i=0;i<t.length;i++){ t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b; t[i].onclick=function(){ if(this.x!="1"){ this.x="1"; this.style.backgroundColor=d; }else{ this.x="0"; this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } } t[i].onmouseover=function(){ if(this.x!="1")this.style.backgroundColor=c; } t[i].onmouseout=function(){ if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } } }
相关文章推荐
- jQuery实现table表格隔行换色鼠标经过变色
- JS实现页面table鼠标移动改变tr行颜色,单击tr选中复选框功能
- 表格隔行换色,鼠标经过时高亮显示
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- 简单实现表格隔行变色+鼠标经过变色
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- js实现鼠标经过表格行变色的方法
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- js实现表格隔行变色和鼠标移入高亮
- js实现隔行变色操作鼠标经过效果
- js实现表格隔行变色,鼠标在该行放上移走的变色效果,还有全选,反选等
- javascript学习笔记(十)表格隔行换色,鼠标经过时高亮显示
- 利用JS实现基本的图片轮播功能,包括鼠标的经过事件
- js实现鼠标经过表格行变色的方法
- JQuery实现表格隔行换色,鼠标移动变色,点击选择变色
- GridView 同时 实现鼠标经过颜色,鼠标离开恢复原颜色不变,鼠标单击与双击功能,
- JQuery实现表格隔行变色,鼠标经过的行放大显示
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色