如何为我的悬停功能设置 jQuery 动画？

Question

所以基本上我有一些代码，当用户将鼠标悬停在某个图像上时，它会将该图像更改为另一个图像。基本上我想在这两个事件之间添加一个 jQuery 动画或过渡，以便图像垂直填充。这是我到目前为止的代码：

<script type="text/javascript">

  function hover(element) {

    element.setAttribute('src', 'assets/banner-focus.png');

  }

  function unhover(element) {

    element.setAttribute('src', 'assets/banner.png');

  }

</script>

<img src="assets/banner.png" onmouseover="hover(this);" onmouseout="unhover(this);">