1

私は自分のサイトのコードを持っています。画像をクリックすると、正常に動作するポップアップ ウィンドウが表示されます。ただし、ロールオーバーするたびに最初のロールオーバーは機能しますが、ロールオーバー前の元の画像はもう表示されませんか? どうしてこれなの?

 <input name="image" type="image" onMouseOver= src="http://japanesefriend.zxq.net/images/x11_title.gif" onMouseOut= src="http://japanesefriend.zxq.net/images/level4_nouns_08.gif'"  value="Place Order" src="http://japanesefriend.zxq.net/images/level4_nouns_08.gif" onClick='styledPopupOpen("<img src=http://japanesefriend.zxq.net/flashcards/go.gif />")'  align=middle width=164 height=154>
4

3 に答える 3

2

ロールオーバーにはCSS スプライトを使用します。

于 2012-03-24T14:27:37.850 に答える
2

HTML が無効です。

これ...

onMouseOver= src="http://japanesefriend.zxq.net/images/x11_title.gif"

これのはず…

onMouseOver="this.src='http://japanesefriend.zxq.net/images/x11_title.gif'"

同じonMouseOut...

onMouseOut="this.src='http://japanesefriend.zxq.net/images/level4_nouns_08.gif'"

デモ: http://jsfiddle.net/XBLfN/


または、削除this.して実行することもできますsrc='http://...

onMouseOver="src='http://japanesefriend.zxq.net/images/x11_title.gif'"
onMouseOut="src='http://japanesefriend.zxq.net/images/level4_nouns_08.gif'"

デモ: http://jsfiddle.net/XBLfN/1/

于 2012-03-24T14:31:48.600 に答える
1

参照:ボタン付きのロールオーバー画像

これは重複しているようです-上記の質問の解決策はあなたのために働くはずです.

Chrome の場合 (および他のブラウザーの場合でも)、html を検証することを常にお勧めします: http://validator.w3.org/

于 2012-03-24T14:37:49.893 に答える