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

NOIP

Гуру форума
Регистрация
17 Фев 2008
Сообщения
320
Реакции
72
Здравствуйте, есть сайт
Скрытое содержимое доступно для зарегистрированных пользователей!


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

Скрытое содержимое доступно для зарегистрированных пользователей!


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

giorno

Постоялец
Регистрация
18 Сен 2017
Сообщения
185
Реакции
110
там используется добавление класса при наведении курсора

добавьте

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

NOIP

Гуру форума
Регистрация
17 Фев 2008
Сообщения
320
Реакции
72
там используется добавление класса при наведении курсора

добавьте

Код:
$('.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

Постоялец
Регистрация
18 Сен 2017
Сообщения
185
Реакции
110
Подключил
Код:
<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);
 
  • Нравится
Реакции: NOIP

cx717

Писатель
Регистрация
14 Ноя 2019
Сообщения
4
Реакции
3
Можно без javascript обойтись - одним css.
Прикрепил демку.
 

Вложения

  • demo.zip
    131,6 KB · Просмотры: 9
  • Нравится
Реакции: NOIP

garphild

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