Table - destacar linha sob o mouse

<< Click to Display Table of Contents >>

Navigation:  Html >

Table - destacar linha sob o mouse

Previous pageReturn to chapter overviewNext page

Default.aspx

 

<head runat="server">

  <style type="text/css">

      .normal

       {

          background-color: white;

       }

       

      .over

       {

          background-color: yellow;

       }

  </style>

</head>

<body>

    <table style="margin-bottom: 10px" border="0">

        <tr onmouseover="this.className='over'" onmouseout="this.className='normal'">

            <td>

                 1, 1

            </td>

            <td>

                 1, 2

            </td>

        </tr>

        <tr onmouseover="this.className='over'" onmouseout="this.className='normal'">

            <td>

                 2, 1

            </td>

            <td>

                  2, 2

            </td>

        </tr>

        <tr onmouseover="this.className='over'" onmouseout="this.className='normal'">

            <td>

                 3, 1

            </td>

            <td>

                 3, 2

            </td>

        </tr>

    </table>

</body>

</html>