Question

我用Photoshop创建了四个.PNG作为按钮，两个图像是默认按钮，另外两个是“单击后”按钮。这些是我为其他ID分别设置的默认按钮：

    #PlayButton {
display: inline-block;
width:10%;
position: relative;
margin-left: auto;
margin-right: auto;

}


#AboutButton {
display: inline-block;
width:10%;
position: relative;
margin-left: auto;
margin-right: auto;
}

我将它们都放在一个名为“按钮”的类中

<div class="Buttons">
<img src="Play Button.png" id="PlayButton">
<img src="About Button.png" id="AboutButton"> 
</div>

Answer 1

您可以使用一些JavaScript解决您遇到的问题。

这是第一张图片的代码（在单击按钮之前）：

$classes

而且，这是第二个图像的代码（单击按钮后）：

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>

参考：JavaScript can change HTML attribute values. 希望这个答案可以帮助您解决遇到的问题。

单击其他图像时如何更改图像按钮？

1 个答案: