효과는 다음과 같습니다.
jquery를 사용하면 위의 효과를 쉽게 얻을 수 있으며 코드는 다음과 같습니다.
jquery 홀짝수 행 CSS 효과<br>< script src="http:/ /img.jb51.net/jslib/jquery/jquery.js" type="text/javascript"></script> <br><style type="text/css"> ; <br>/*table 테이블의 짝수 행*/ <br>.tabEven <br>{ <br> background: #9d8e8b; <br>} <br>/*테이블의 홀수 행* / <br>.tabOdd <br>{ <br>배경: #ffffff <br>} <br></style><br><script type="text/javascript"> document).ready(function () { <br>$( "#datalist tr:even").addClass("tabEven"); <br>$("#datalist tr:odd").addClass("tabOdd") ; <br>}) <br></head> <br><body> <br><tr> <td>1행</td>
<br><tr><td>2행</td></tr> <br><tr><td>3행</tr> ; <BR><tr><td>4번째 줄</td></tr> <BR><tr><td>5번째 줄</td>< /tr> <br></table> <br></html></td></tr>
