onmouseout与onclick冲突

Question

好的，我正在使用JavaScript来控制图像交换，这样当有人点击图像时，它就会变成"lit“版本的图像。在链接标记中执行此操作的代码是onclick="changeto('wdl')"，我将onmouseover="changeto('wdl')"添加到链接中，因此当您将鼠标悬停在它上面时，它也会亮起。

现在，问题来了，很自然地，当我添加onmouseout="changeto('wdd')"时，它是图像的未发光版本。当然，这里发生的情况是，当我将鼠标悬停在它上面时，它会亮起，当我将光标移开时，它会变成不亮的版本。但当你点击它时，它会像它应该的那样将图像更改为lit版本，但由于onmouseout命令，它将更改为未lit版本。

我想要的是能够悬停在图像上，并让它亮起来。如果您单击它并将鼠标移开，它将保持亮起，但如果您不单击它并将鼠标移开，它将停留在“关闭”图像上。

任何感谢的帮助，我在这里被难住了。我打算尝试使用某种if (!this)类型的东西，但老实说，我真的不知道。

Answer 1

你应该结合使用CSS和javascript。查看css hover以实现鼠标悬停功能，并从js中执行单击部分。

w3schools http://www.w3schools.com/cssref/sel_hover.asp上的CSS Hover