2008/05/27 16:56

JQuery 테이블 tr striping

2008/05/27 16:56 in DB & Web/JavaScript

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> Table Row Striping </title>
  <style type="text/css">
   .striped {
    background-color: #a0a0a0;
   }
  </style>

  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript">
   $(window).load(function() {
     $("table tbody tr:nth-child(odd)").addClass("striped");
   });
  </script>
 </head>

 <body>
  <table border="1">
   <thead>
    <tr>
     <th>숫자</th>
    </tr>
   </thead>
   <tbody>
   <tr>
     <td>1</td>
    </tr>
    <tr>
     <td>2</td>
    </tr>
    <tr>
     <td>3</td>
    </tr>
    <tr>
     <td>4</td>
    </tr>
   </tbody>
  </table>
 </body>
</html>

이올린에 북마크하기

'DB & Web > JavaScript' 카테고리의 다른 글

JQuery 테이블 tr striping  (0) 2008/05/27
부모창의 부모창을 제어하기  (0) 2008/04/25
브라우저 창의 크기 구하기  (0) 2008/02/21
Posted by 영화처럼
Tag
Trackback 0 Comment 0
prev Prev 1 ... 10 11 12 13 14 15 16 17 18 ... 329 Next next