Jquery action multiple au passage de la souris

Bonjour a tous, voila j'ai une map en damier avec une class avatar et donc ce que je voudrais c'est que quand je clique sur .avatar et qu'ensuite je déplace ma souris sur la map les carreaux s'illuminent.
[URL="http://www.prelude-prod.fr/demo/pp3diso/exemples/exemple-f/"]http://www.prelude-prod.fr/demo/pp3diso/exemples/exemple-f/[/URL]

C'est exactement comme dans cette exemple quand on déplace la souris des images apparaissent.

Et donc je cherche quelque conseil pour arriver a ce résultat.
Merci de votre aide

<?php
    $nombre = 1;
    echo '<table>';
    for($x =1;$x<9;$x++){
        echo'<tr>';
        for($y = 1;$y<9;$y++){
            if($nombre%2){
                $classe="caseBrun";
                
            }else{
                $classe="caseBlanc";
            }
    
            echo('<td><a onMouseOver="position('.$x.','.$y.')"><div id="'.$x.'|'.$y.'" class="'.$classe.'"></div></a></td>');
            $nombre++; 
              echo '<div class="avatar"></div>';

            
        }
        
      echo('</tr>');
        $nombre++;
   
    }
    echo('</table>');
     
     ?>

Modifié par rams (13 Jul 2012 - 14:06)