tbColor("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景")
2011-11-11 11:09
357 查看
function tbColor(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";//本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断
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;
}
}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
<script language="javascript">
//tbColor("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
tbColor("hmtab","#FFFFFF","#FBFEFF","#FFFFCC","#FFFFCC");
</script>
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";//本来打算直接用背景色判断,FF获取到的背景是RGB值,不好判断
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;
}
}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
<script language="javascript">
//tbColor("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
tbColor("hmtab","#FFFFFF","#FBFEFF","#FFFFCC","#FFFFCC");
</script>
相关文章推荐
- 选中表格中相应行的复选框,点击下面的“删除”按钮可以删除相应的行,选中下面的"全选"复选框,则所有行的复选框全部选中,取消则全部取消。 鼠标移动到封面上在旁边显示大图,鼠标移开,大图消失
- 点击按钮,表格隔行变色:偶数行为黄色背景,奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr,依次遍历,如果是偶数就…………。
- [原]点击按钮,表格隔行变色:偶数行为黄色背景,奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr,依次遍历,如果是偶数就…………。
- 表格奇偶数背景颜色及鼠标点击效果
- HTML表格鼠标滑过变色 和奇数偶数行变色+点击变色
- jquery动态添加的表格行鼠标经过时候改变行的背景颜色
- CSS-相关练习1-表格实现奇数行和偶数行自行判断设置不同的背景颜色
- 实现表格鼠标经过变色,点击变色并选中项目
- WPF 实现DataGrid行鼠标经过、点击时的背景、文字、行高等样式
- 实现 鼠标点击表格行背景变色,移开后点击另一行时另一行变色而前一行恢复原来的背景色
- 鼠标经过时,改变表格行、列的背景颜色
- 实现 鼠标点击表格行背景变色,移开后点击另一行时另一行变色而前一行恢复原来的背景色
- 鼠标经过背景变色,CSSJavascript实现表格背景变色
- 鼠标移到隔行变色的表格上,有背景变化,并且点击的时候选中复选框和背景色
- JS实现鼠标分别点击如"上海"、"北京"、"天津" 文字,下拉框 就selected 对应的城市
- 鼠标点击表格行背景变色
- 鼠标经过时,改变表格背景颜色
- 鼠标点击表格行背景变色
- WPF 实现DataGrid行鼠标经过、点击时的背景、文字、行高等样式
- StringBuffer+Pattern+Matcher 将一个字符串中,"sunJavaibmjAvaoraclejaVahelloJAVAgoodjava" 把奇数位的 java 改成大写,偶数为的 java改成小写。