qualcosa del genere?

codice:
<head>
    <title>hovered - selected</title>
    <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
    <style type="text/css"> 
        .pippo
        {
            width:200px;
            height:200px;
            background-color:Black;
            cursor:pointer;
        }
        
        .pippo.hovered
        {
            background-color:Aqua;
        }
        
        .pippo.selected
        {
            background-color:Blue;
        }
    </style>
    <script type="text/javascript">
        $(function() {
            $(".pippo").hover(
            function() {
                //hover in
                $(this).addClass("hovered");
            },
            function() {
                //hover out
                $(this).removeClass("hovered");
            }).click(
                function() {
                    $(".pippo").removeClass("selected");
                    $(this).addClass("selected");
                }
            );
        });
    </script>
</head>
<body>
    <div class="pippo">
        
    </div>

    <div class="pippo">
        
    </div>

    <div class="pippo">
        
    </div>

</body>
Leonardo