1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

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

Тема в разделе "Web Coding", создана пользователем NOIP, 15 янв 2020.

Модераторы: latteo
  1. NOIP

    NOIP

    Регистр.:
    17 фев 2008
    Сообщения:
    293
    Симпатии:
    57
    Здравствуйте, есть сайт


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



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

    giorno

    Регистр.:
    18 сен 2017
    Сообщения:
    171
    Симпатии:
    100
    там используется добавление класса при наведении курсора

    добавьте

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

    NOIP

    Регистр.:
    17 фев 2008
    Сообщения:
    293
    Симпатии:
    57
    Подключил
    Код:
    <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>
    Не заработало.

    Вот ссылка с правками https://jsfiddle.net/92a1b87e/
     
    Последнее редактирование: 16 янв 2020
  4. giorno

    giorno

    Регистр.:
    18 сен 2017
    Сообщения:
    171
    Симпатии:
    100
    Код:
     (function($){
    
    $(document).ready(function() {
                $('.jet-animated-box').hover(
      function() {
        $(this).addClass('flipped');
      }, function() {
        $(this).removeClass('flipped');
      }
    );
            });
    
      })(jQuery);
     
    NOIP нравится это.
  5. cx717

    cx717 Писатель

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

    Вложения:

    • demo.zip
      Размер файла:
      131,6 КБ
      Просмотров:
      7
    NOIP нравится это.