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 回答