多种onmouseover="bigImg(this)"一一sheet

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";
}

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

问题：有没有办法将那些 "functions" 变成 class 或 id，我可以在代码中指定它... 或者有更好的解决方案吗？

Answer 1

我找到了一个草率的解决方案，我在 Photoshop 上调整长按钮的大小，使其与其他图标具有相同的高度。我设置宽度="auto"。

如果有人有更优雅的解决方案，请告诉我。

谢谢。

Answer 2

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

在这一点上，我只是向大家展示了我是多么的新手...

BigImg 只是一个名称，不是一个函数。我刚刚将 BigImg 更改为 BigButton，我能够将按钮与其他所有内容隔离开来。

希望这对遇到我问题的其他人有所帮助。

多种onmouseover="bigImg(this)"一一sheet

Multiple types of onmouseover="bigImg(this)" one one sheet

onmouseover