表格中点击单元格,选中所在的行及列,并改变样式

《表格中点击单元格,选中所在的行及列,并改变样式》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、bod

2、y{margin:0;padding:0;background:#f1f1f1;color:#555;line-height:150%;text-align:left;}a{text-decoration:none;color:#057fac;}a:hover{text-decoration:none;color:#999;}h1{font-size:140%;margin:020px;line-height:80px;}#container{margin:0auto;width:680px;}#content{margin:020px;}table,td{font:88%

3、Arial,Helvetica,sans-serif;}table{width:100%;border-collapse:collapse;margin:1em0;}th,td{text-align:center;padding:0.5em;border:1pxsolid#fff;}th{background:#328aa4url(tr_back.gif)repeat-x;color:#fff;}td{background:#e5f1f4;}/*tableclothstyles*/tr.eventd{background:#e5f1f4;}tr.oddtd{backgrou

4、nd:#f8fbfc;}th.over,tr.eventh.over,tr.oddth.over{background:#4a98af;}th.down,tr.eventh.down,tr.oddth.down{background:#bce774;}th.selected,tr.eventh.selected,tr.oddth.selected{}td.over,tr.eventd.over,tr.oddtd.over{background:#ecfbd4;}td.down,tr.eventd.down,tr.oddtd.down{background:#bce774;c

5、olor:#fff;}td.selected,tr.eventd.selected,tr.oddtd.selected{background:#bce774;color:#555;}/*usethisifyouwanttoapplydifferentstyleingtoemptytablecells*/td.empty,tr.oddtd.empty,tr.eventd.empty{background:#fff;}this.tablecloth=function(){//CONFIG//ifsett

6、otruethenmouseoveratablecellwillhighlightentirecolumn(exceptsiblingheadings)varhighlightCols=true;//ifsettotruethenmouseoveratablecellwillhighlightentirerow(exceptsiblingheadings)varhighlightRows=true;//ifsettotruethenclickonatablesellwillselectroworcolumnbasedonconfigvarselectable=true;//

7、thisfunctioniscalledwhen//addyourowncodeifyouwanttoaddaction//functionreceivesobjectthathasbeenclickedthis.clickAction=function(obj){//alert(obj.innerHTML);};//ENDCONFIG(donoteditbelowthisline)vartableover=false;this.start=function(){vartables=document.getElem