javascript - 在鼠标悬停和鼠标移出时插入图像

Question

我在 div 中有一个图像，我试图在鼠标悬停时更改该图像，然后在鼠标移出时恢复。但是，我在鼠标移出时将图像插入 div 时遇到困难。是解决这个问题的特殊方法还是替代消息。问题似乎出在 HTML 插入中斜杠的位置。

  <div class='myImage' onmouseout='this.innerHTML = '<img src='./images/myImage.jpg' />' onmouseover='this.innerHTML = \"\"; this.style.backgroundColor = \"#1D4088\"' style='height:100px; width:100px'><image src='./images/myImage.jpg'></div>

Answer 1

嗯，看来你把事情变得过于复杂了，不用担心。

尝试遵循“ Sprite ”教程。

<强> Here's 一个好的:

如果你真的想参与其中:http://css-tricks.com/css-sprites/