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

NOIP

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


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

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


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

добавьте

Код:
$('.jet-animated-box').hover(
  function() {
    $(this).addClass('flipped');
  }, function() {
    $(this).removeClass('flipped');
  }
);
 
там используется добавление класса при наведении курсора

добавьте

Код:
$('.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>
Не заработало.

Вот ссылка с правками Для просмотра ссылки Войди или Зарегистрируйся
 
Последнее редактирование:
Подключил
Код:
<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
Можно без javascript обойтись - одним css.
Прикрепил демку.
 

Вложения

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