选中表格行变色标记效果选中表格行变色标记效果
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
html xmlns=
head
meta http-equiv= Content-Type content= text/html; charset=gb2312 /
title 选中表格行变色标记效果 /title
style type= text/css
!--
#ejiaA1 {
width: 550px;
border-top: #E3E3E3 1px so...
选中
格行变色标记效果
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
html xmlns=
head
meta http-equiv= Content-Type content= text/html; charset=gb2312 /
title 选中表格行变色标记效果 /title
style type= text/css
!--
#ejiaA1 {
width: 550px;
border-top: #E3E3E3 1px solid;
border-left: #E3E3E3 1px solid; }
#ejiaA1 td,#ejiaA1 th {
padding: 5px;
border-right: #E3E3E3 1px solid;
border-bottom: #E3E3E3 1px solid;
font-size: 12px;
height: 16px;
line-height: 16px;
}
#ejiaA1 tr td span {
color: #686868
}
#ejiaA1 tr td span.st1 {
color: #ff0000
}
--
/style
script language= javascript
!--
//ejiaA1( 表格名称 , 奇数行背景 , 偶数行背景 , 鼠标经过背景 , 点击后背景 ); function ejiaA1(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;
}
}
}
--
/script
/head
body
table width= 500 border= 0 cellspacing= 0 cellpadding= 0 id= ejiaA1
tr
th 接入方式 /th
th 上网时间 /th
th 下网时间 /th
th 上网时长 /th
/tr
tr
td 宽带接入 /td
td 2008-4-23 12:40:18 /td
td 2008-4-23 14:50:28 /td
td 2小时10分10秒 /td
/tr
tr
td 宽带接入 /td
td 2008-4-23 12:40:18 /td
td 2008-4-23 14:50:28 /td
td 2小时10分10秒 /td
/tr
tr
td 宽带接入 /td
td 2008-4-23 12:40:18 /td
td 2008-4-23 14:50:28 /td
td 2小时10分10秒 /td
/tr
tr
td 宽带接入 /td
td 2008-4-23 12:40:18 /td
td 2008-4-23 14:50:28 /td
td 2小时10分10秒 /td
/tr
tr
td 宽带接入 /td
td 2008-4-23 12:40:18 /td
td 2008-4-23 14:50:28 /td
td 2小时10分10秒 /td
/tr
tr
td 宽带接入 /td
td 2008-4-23 12:40:18 /td
td 2008-4-23 14:50:28 /td
td 2小时10分10秒 /td
/tr
/table
script language= javascript
!--
ejiaA1( ejiaA1 , #fff , #F5F5F5 , #FFFFCC , #FFFF84 );
--
/script
/body
/html
本文档为【选中表格行变色标记效果】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。