onMouseOver背景画像の位置を変更

Question

javascriptを使用してdivの背景画像の位置を変更しようとしています。ここに私が持っているが、それは動作していないようです。私は何が欠けていますか？

<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition="0px 150px"">link one</a> 
<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition="0px 350px"">link two</a> 

<div id="rubbish_image"></a> 

Answer 1

私は全くわからないんだけど、私はあなたのJavaScriptで見ることができます明らかな問題があります：あなたはちょうどaタグの閉じ>前に2つの"を持って

1. として、
2. の結果はの"内部の使用は許可されていない文字列は、（あなたが"で区切られた文字列内の'を使用することができます逆の場合もありますが、"の文字列の中には、"で区切られています）。

私はにコードを修正するため、お勧めしたい：私はそれは大きな問題だとは思わないが、あなたはまた、そう、onmouseover属性の中にあなたのJavaScriptが終了しなかった

<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 150px';">link one</a> 
<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 350px';">link two</a> 

私はまたそれぞれの末尾に;を追加しました。

Answer 2

二重引用符は重複していますが、これは機能しません。

<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 150px'">link one</a> 
<a href="#" onMouseOver="document.getElementById('rubbish_image').style.backgroundPosition='0px 350px'">link two</a> 

<div id="rubbish_image"></a> 

あなたは既にgetElementById内でこれをやっている：

簡単な修正はonmouseover属性内の単一引用符を使用することです。