Не работает смена картинки в плавающем меню

122

03 января 2019, 10:40

Использую на сайте скрипт плавающего меню и хочу что-бы в нем были кнопки с заменой картинки на них. По отдельности hover работает, а в этом меню нет. Можете помочь его допилить?

$(window).scroll(function() { 
  if ($(this).scrollTop() > 400) { 
    $('.fixmenu').addClass('fixed'); 
  } else { 
    $('.fixmenu').removeClass('fixed'); 
  } 
});

* { 
  margin: 0; 
  padding: 0; 
} 
 
html, 
body { 
  width: 100%; 
  height: 1000%; 
} 
 
.menus { 
  width: 169px; 
} 
 
.menus:hover { 
  background: url(https://img.fonwall.ru/o/89/voda_reka_goryi_sneg_ozero.jpg); 
} 
 
.fixmenu { 
  bottom: 0; 
  left: 10%; 
  right: 10%; 
  opacity: 0; 
  position: fixed; 
  z-index: 95; 
} 
 
.fixmenu.fixed { 
  bottom: 0; 
  left: 10%; 
  right: 10%; 
  margin-bottom: -55px; 
  position: fixed; 
  z-index: 95; 
  opacity: 1; 
  animation: fadeInUp 1s; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="fixmenu">fixmenu 
  <div class="menus">menus 
    <a href="#yak1"><img width="100" height="100" src="http://rusmama.net/wp-content/uploads/2013/09/nature-144.jpg" />Кнопка</a> 
  </div> 
</div>