我有一个代码用于我的网站，当点击一个图像时，弹出的窗口显示正常。但是，每当我翻转第一个翻转工作时，翻转前的原始图像不再显示？这是为什么？
<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>
答案 0 :(得分：2)
使用CSS sprites进行翻转。
答案 1 :(得分：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'"
DEMO： 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'"
答案 2 :(得分：1)
请参阅：rollover image with buttons
这似乎是重复的 - 上述问题中的解决方案适合您。
对于chrome（甚至其他浏览器），验证你的html总是一个好主意： http://validator.w3.org/