如何在html中的鼠标悬停时更改按钮答案

【问题标题】：How to make a button change on mouseover in html如何在html中的鼠标悬停时更改按钮
【发布时间】：2017-05-18 23:10:05
【问题描述】：

我是在 HTML 中使用 javascript 的新手，我想制作一个简单的鼠标悬停脚本来更改按钮上的图像。我所需要的只是一个适合 2 个脚本标签之间的 javascript 代码和一个引用脚本标签之间代码的 HTML 代码。

【问题讨论】：

【解决方案1】：

我建议使用 CSS 而不是 JavaScript。使用 JavaScript 会很丑陋并且浪费时间。使用 CSS 既快速又简单。这可能是您需要的一小段 CSS 代码。

.image-btn {
    background-image: url("button-image-name.jpg");
}

.image-btn:hover {
    background-image: url("button-image-name-on-hover.jpg");
}

【讨论】：