javascript - 这是什么 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。