Javascript 如何编程<；ul>；图像库，其中悬停效果影响超过1个元素？

我想编程一个图像库，它看起来像这样： 默认情况下，所有按钮的大小都相同

当用户将鼠标悬停在按钮上时，其大小会增加，同时，所有其他按钮（除了用户悬停在按钮左右的按钮）都会缩小

我假设它是CSS和Javascript的混合体，但我不知道它是如何工作的，特别是考虑到按钮是如何根据悬停的内容左右移动的

---

有人能帮我吗？

使用

jQuery

您可以这样做：

$(document).on('hover', 'img', function() {

   // make all images small except this
   $('img').not(this).removeClass('big').addClass('small');

   // make this one large
   $(this).addClass('big');

});

---

然而，你应该像其他人建议的那样，通过查看源代码来研究你给出的例子，代码就在他们的网站上。试着从中学习。（Inspect element）我们不在这里编写代码，请自己努力，如果它不能按预期工作，请在这里发布问题，我们将尝试帮助您。非常感谢。我很抱歉没有先尝试就匆匆忙忙。我正在开始一份新工作，我想尽快开始工作。我道歉。下次我会尝试采取不同的行动。