js鼠标移动到某处改变样式,移出也改变样式

如图

代码如下

<script>
  $(document).ready(function(){
    $(".zf_hover").hover(function(){
      var pic = $(this).attr('item')
      $(this).css("background-size","cover");
      $(this).css("color","#fff");
      $(this).css("background","url("+pic+") no-repeat center center");
    },function(){
      $(this).css("background","white");
      $(this).css("background-color","#fff");

    });
  });
</script>