효과는 다음과 같습니다.
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><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script>
</head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
