Efecto jQuery con botones tipo "slide"

[JessicaTJ]

Bueno, puse esto:

Código Javascript:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
<script>
$('#menu a').each(function(){
  $(this).hover(function(){
    $(this).addClass('linkhover')
  },function(){
    $(this).removeClass('linkhover')
  })
})
</script>
 

El CSS:

Código CSS:

<style type="text/css">
#menu {
    width: auto;
    height: auto;
    margin-top: 50px;
}
 
.link {
    display: block;
    height: 60px;
    width: 100px;
    float: left;
    background-image: url(botoncito.png);
    background-repeat: no-repeat;
    background-position: 0px 30px;
}
 
.linkhover {
    display: block;
    height: 60px;
    width: 100px;
    float: left;
    background-image: url(botoncito.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
</style>
 

Y el HTML:

Código HTML:

<div id="menu">
  <a href="#" class="link"></a>
  <a href="#" class="link"></a>
  <a href="#" class="link"></a>
</div>
 

Pero nu me hace nada, trate de mover el jquery pero nadita, podrian plis decirme ke ta mal?

Mil gracias !!!!