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

Question

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

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