Смена при наведении CSS

[NOIP]

Здравствуйте, есть сайт

Вытащил отвечающий код за данное действие при наведение.

Но у меня не работает, помогите вытянуть нужный код, кто увидит что я забыл? .

 

[giorno]

там используется добавление класса при наведении курсора

добавьте

$('.jet-animated-box').hover(
  function() {
    $(this).addClass('flipped');
  }, function() {
    $(this).removeClass('flipped');
  }
);

 

[NOIP]

там используется добавление класса при наведении курсора

добавьте

$('.jet-animated-box').hover(
  function() {
    $(this).addClass('flipped');
  }, function() {
    $(this).removeClass('flipped');
  }
);

Подключил

<script type='text/javascript' src='/js/jquery/jquery.js?ver=1.12.4-wp'></script>

и добавил

<script type="text/javascript">

$('.jet-animated-box').hover(
  function() {
    $(this).addClass('flipped');
  }, function() {
    $(this).removeClass('flipped');
  }
);

</script>

Не заработало.

Вот ссылка с правками Для просмотра ссылки Войди или Зарегистрируйся

 

[giorno]

Подключил

<script type='text/javascript' src='/js/jquery/jquery.js?ver=1.12.4-wp'></script>

и добавил

<script type="text/javascript">

$('.jet-animated-box').hover(
  function() {
    $(this).addClass('flipped');
  }, function() {
    $(this).removeClass('flipped');
  }
);

</script>

Не заработало.

Вот ссылка с правками Для просмотра ссылки Войди или Зарегистрируйся

 (function($){

$(document).ready(function() {
            $('.jet-animated-box').hover(
  function() {
    $(this).addClass('flipped');
  }, function() {
    $(this).removeClass('flipped');
  }
);
        });

  })(jQuery);

 

[cx717]

Можно без javascript обойтись - одним css.
Прикрепил демку.

 

[v3w]

Можно без javascript обойтись - одним css.
Прикрепил демку.

По сути сути там надо в onhover событтие прописать псевдокласс

 

[garphild]

Вообще hover и onMouseIn/Out/Enter/Leave на которых основан hover противные события. У них есть некоторая задержка и если быстро-быстро переместить курсор за пределы страницы, то javascript не применит событие onMouseOut и элемент останется в том виде как будто на него наведена мышка. Особенно это проявляется на сложных интерфейсах, где много листенеров. К примеру список товаров интернет-магазина. Поэтому реально лучше использовать :hover из CSS.

 

[Get-Web]

Для просмотра ссылки Войди или Зарегистрируйся

 

[dimakot]

hover CSS

 

[mikulincz]

Да, можно на чистом css это решить. Для просмотра ссылки Войди или Зарегистрируйся