マウスオーバーとオンマウスに画像を挿入

Question

私は、マウスが上がったときに変更しようとしているimの中にある画像を持っています。しかし、私はマウスの上の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

私が代わりに

機能にJavaScriptを入れてみてください、あなたのダブルとシングル引用符は少し矛盾していると思います

<div class="myImage" onmouseout="toggle(this,'1')" onmouseover="toggle(this,'2')" style="height:100px; width:100px"><image src="./images/myImage.jpg"></div> 

とJavaScript

function toggle(e,a) { 
    if(a=='2') { 
     e.innerHTML = ''; 
     e.style.backgroundColor = '#1D4088'; 
    } else { 
     e.innerHTML = '<img src="./images/myImage.jpg" />'; 
     e.style.backgroundColor = ''; 
    } 
} 

Answer 2

hmmはあなたが過度のことを心配していないように見えます。

お試し版のチュートリアルをお試しください。

Here's良い1：

とあなたが本当にしたいが、それに入る場合：http://css-tricks.com/css-sprites/