当鼠标悬停在单个 Div 上时，如何修改页面上其他 div 的大小？
下面非常粗略地描述了我试图弄清楚如何做的最终结果。
假设我有一个 div 页面，其中包含内容，例如
▀ ▀ ▀ ▀
▀ ▀ ▀ ▀
▀ ▀ ▀ ▀
当您将鼠标悬停在 div 上时，div 会更改为:
██▪▪▪
▪▪▪▪
▪▪▪▪
我基本上只是想知道完成此任务的最佳方法是什么，是否有人可以为我指出正确的方向，或者指向之前的线程。
谢谢
最佳答案
我在 http://jsfiddle.net/bmZKC/ 创建了一个快速演示。使用 jQuery 和 CSS 可以很容易地做到这一点。我使用了 CSS3 过渡，但如果您想要更高的兼容性，您可以轻松地使用 $.animate 来代替。
问题的关键在于:
$(document).ready(function(){
$('.box').hover(function(){
$(this).addClass('active');
$('.box:not(.active)').addClass('shrink');
}, function() {
$(this).removeClass('active');
$('.box').removeClass('shrink');
});
});
在 fiddle 中我只调整宽度。如果你想调整高度并让它们很好地组合在一起，我会研究一个名为 Masonry 的 jQuery 插件。 .
关于javascript - 悬停时调整同级 div 的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17690052/