点击图片进行更改，带有悬停效果HTML答案

【问题标题】：Click image to change it, with hover effect HTML点击图片进行更改，带有悬停效果HTML
【发布时间】：2014-10-15 02:52:48
【问题描述】：

当我单击我的图像时，它会发生变化（我删除了 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 以外的东西？

【问题讨论】：

标签： image onclick hover onmouseout

【解决方案1】：

换行试试：

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

收件人：

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

【讨论】：

【解决方案2】：

默认情况下，当前浏览器应该可以正常运行 html 和 javascript，无需“安装任何东西”。无需“告诉”用户您正在使用/运行什么。

【讨论】：