<div class="codetitle"> <span><a style="CURSOR: pointer" data="66863" class="copybut" id="copybut66863" onclick="doCopy('code66863')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code66863"> <br><script type="text/javascript"> <br> var name; //tr 객체의 클래스 이름을 저장하고 마우스가 멀어지면 복원<br>function trcolor(){ //테이블 행 색상 간격 표시<br>var tabNode = document.getElementsByTagName( "테이블")[0 ]; <br>var trNodes = tabNode.rows; <br>for(var x=1;x<trNodes.length;x ){ <BR>if(x%2 == 1) <BR>trNodes[x] .className = "one" ; <BR>else <BR>trNodes[x].className = "two" ; <BR>trNodes[x].onmouseover = function(){ // 강조 <BR>name = this .className; <BR>this.className = "over"; <BR>} <BR>trNodes[x].onmouseout = function(){ //tr 객체에 onmouseout 이벤트 속성을 추가합니다. <BR>this. className = 이름 <BR>} <BR>} <BR>} <BR>window.onload = trcolor; <BR></script><br><br><style type="text/css"> ; <BR>테이블 { 너비:60%; 테두리:솔리드 1px #0066FF;} <BR>테이블 td {테두리:솔리드 1px #0099ff;} <BR>a{ 텍스트 장식: 없음;} <BR>.one {배경색: 빨간색;} <BR>.two{배경색: 파란색;} <BR>.over{배경색: 노란색;} <BR></style> /head> <br> <br><tr> <br><td>이름</td>나이주소 <br> </tr> <br><tr> <br><td>장산</td> <td>23</td> <td>베이징</td> <br></tr> <br><tr> <br><td>lee思</td><td>25</td><td>상하이</td> /tr> <br><tr> <br><td>왕 우</td>15</td><td>광저우<br>< ;/tr> 🎜><tr> <br><td>탕 씨</td>20</td><td>창사</td> ;/테이블> <br></body></tr> </div>
