JQUERY HOVER

Aqui un ejemplo sencillo de una animación con Jquery utilizando la function hover.


<html>
       <head>
             <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
             <script type="text/javascript">
                 var x;
                 x = $(document);
                 x.ready(inicializar);

                 function inicializar() {
                     var x;
                     x = $(".fila");
                     x.hover(entraRaton, saleRaton);
                 }
                 function entraRaton() {
                     $(this).css("background-color", "orange");
                 }
                 function saleRaton() {
                     $(this).css("background-color", "white");
                 }
             </script>
            
       </head>
       <body>
       <center>
             <table border=1>
                    <tr class="fila">
                           <td>Código</td>
                           <td>Serie</td>
                    </tr>
                    <tr class="fila">
                           <td>00001</td>
                           <td>121454545454</td>
                    </tr>
                    <tr class="fila">
                           <td>00002</td>
                           <td>121400545454</td>
                    </tr>
                    <tr class="fila">
                           <td>00003</td>
                           <td>545454545454</td>
                    </tr>
                   
             </table>
             </center>
       </body>
</html>