#id名 {
  width:296px;
  height:130px; //半分の高さ
  position:relative;
  overflow:hidden;
}

<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(function(){
  $("#id名 a").hover(function(){ //id之下 a:hover 的動作
    $("img", this).stop().animate({top:"-130px"},{duration:200}); //從top位置-130px距離 以200ms 速度移動至0px位置
  }, function() { //マウスが外れた時
    $("img", this).stop().animate({top:"0px"},{duration:200});//從top位置0px回原位 以200ms 速度移動
  });
});
</script>