jquery - マウスがjQueryの上にある場合、divを下に移動する方法

Question

<div>人のマウスが上に乗ったときに滑り落ちるを作ろうとしています。これは、私がほとんど経験していない jQuery になると思います。

事前に助けてくれてありがとう！

Answer 1

$(".your-div").mouseover(function() {
    $(this).animate({ marginTop: 300 });
})

Answer 2

#example:hover
{
  position: relative; margin-top: 40px;
  animation-name: slide-down; animation-duration: 2s;
}

@keyframes slide-down
{
  from { margin-top: 0px; } to { margin-top: 40px; }
}

Fiddle includes the downlevel (-moz and -webkit) styles. http://jsfiddle.net/b7Hqj/