Что это за плагин Jquery?

Question

Когда пользователь наводит курсор на один из элементов, таких как «Исследования», «Стратегия бренда», «Привлечение аудитории», цвет фона в нижней части изменяется с помощью встроенного стиля.

http://www.odopod.com/work/tags/strategy/

Мне было интересно, как это делается или какой плагин Jquery они использовали?

Большое спасибо!

Answer 1

Это не плагин, это делается через старый добрый простой jQuery:

<div class='something'>my text goes here blah blah blah</div>
<div class='somethingelse'>my background color goes here</div>

Затем с помощью jQuery:

$(function() {
    $('div.something').hover(function() {
        $(this).next('div.somethingelse').css('background-color','red');
    }, function() {
        $(this).next('div.somethingelse').css('background-color','blue');
    });
});

В зависимости от того, что вы хотите, вы можете настроить HTML разными способами. Затем вы можете использовать любую функцию DOM traversing , чтобы найти соответствующий DIV и соответствующим образом управлять его CSS.

Answer 2

Чтобы анимировать цвет фона с помощью jQuery, используйте плагин color .

Answer 3

Это не плагин:

// global nav effect
$('#global_header li').hover(function(){
  $('div.marker',$(this)).animate({height:3}, 90)
},function(){
  if(false == $(this).hasClass('active'))
  {
    $('div.marker',$(this)).animate({height:0}, 90)
  }
})

$('#global_header li').click(function(){
  $('div.marker',$(this)).addclass('active')
})

Это все, что он делает. Он использует hover () и animate ().

---

Хорошо, это скрипт для глобального заголовка, но он делает примерно то же самое, просто влияет на другой фрагмент.