点击图片进行更改，悬停效果为HTML

Question

当我点击我的图像时，它会发生变化（我删除了onmouseover进行测试），但是当我将其鼠标移出时它会恢复。如何制作它以使我的图像具有翻转效果，并且一旦点击就会保留为新图像？

<img src="images/Character/NotSelected_Mage.png" alt="image"
onclick="this.src='images/Character/Selected_Mage.png'"/
onmouseover="this.src='images/Character/Selected_Mage.png';"
onmouseout="this.src='images/Character/NotSelected_Mage.png';">

我是初学者，所以我只使用html，如果我必须使用CSS或javascript或jquery（这是否意味着用户必须安装javascript才能查看我的网站？）我是否必须在我的网站上放置任何内容代码告诉它我突然使用了除html以外的东西？

Answer 1

尝试更改行：

onclick="this.src='images/Character/Selected_Mage.png'"

要：

onclick="this.src='images/Character/Selected_Mage.png'; this.onmouseover = false; this.onmouseout = false;"

Answer 2

默认情况下，当前的浏览器应该运行html和javascript就好了，不需要'安装任何东西。无需“告诉”用户您使用/运行的内容。