当用户将鼠标悬停在研究、品牌策略、受众参与度等项目之一上时,底部部分的背景颜色会通过内联样式发生变化。
http://www.odopod.com/work/tags/strategy/
我想知道它是如何完成的或者他们使用的是哪个 Jquery 插件?
非常感谢!
最佳答案
这不是一个插件,这是通过良好的老式普通 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。
关于javascript - 这是什么 Jquery 插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/991133/