多种类型的鼠标悬停= "bigImg(this)"一张纸

Question

我是个新手，我相信有一个简单的解决方案，所以我恳请您的帮助。

我有一个页面，有两种不同类型的图像按钮；正方形和矩形。"onmouseover="bigImg(this("与方形图像配合得很好，但当涉及到矩形图像按钮时，它会将其向上挤压，试图制作一个正方形。

我知道图像大小是这样定义的：

function bigImg(x) {
x.style.height = "64px";
x.style.width = "64px";
}
function normalImg(x) {
x.style.height = "32px";
x.style.width = "32px";
}

我的问题是它也适用于矩形图像按钮。

问：有没有办法把这些"函数"变成一个类或id，我可以在代码中指定它。。。或者有更好的解决方案吗？

Answer 1

我发现了一个草率的解决方案，我在Photoshop上调整了长按钮的大小，使其与其他图标的高度相同。我将宽度设置为"自动"。

如果有人有更优雅的解决方案，请，请，让我知道。

谢谢。

Answer 2

作为一名新手，我在这里找到了很多答案。感谢大家的帖子。

关于这个，我只是向大家展示了我是一个多么的新手…

BigImg只是一个名称，而不是一个函数。我刚刚把BigImg改成了BigButton，我能够将按钮与其他所有按钮隔离开来。

希望这能帮助到我的其他人。