大家好,我想我需要一些新的知识来帮助我查看自己的代码,这些代码无法正常工作。很抱歉让这个问题相对容易,但是我并不是真的用Java编写代码。无论如何:
基本上,我想做的是在鼠标悬停时将图像更改为反向版本。到目前为止,我只测试ID为“ crew1”的图像。这是代码:
<script type="text/javascript">
function imageChange(oldID) {
var a = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
var b = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
var c = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
var d = "http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder_new.jpg";
switch(oldID) {
case "crew1":
document.getElementById(oldID).src=a;
break;
case "crew2":
document.getElementById(oldID).src=b;
break;
case "crew3":
document.getElementById(oldID).src=c;
break;
case "crew4":
document.getElementById(oldID).src=d;
break;
}
}</script>
和相关的HTML代码是:
<div>
<img onmouseover="imageChange("crew1")" id="crew1" src="http://www.affiliateskeptic.com/wp-content/uploads/2010/06/face_placeholder.jpg" alt="Picture of Crew 1" width="224" height="235">
<p>Crew 1 character description.</p></div>
抱歉,格式错误,但是由于某种原因,当我将它们插入新行时,不会显示script和div的结束标记。
先谢谢您的帮助。
最佳答案
您的HTML中存在嵌套的报价问题。您可以通过切换使用的引号样式来解决此问题,因为JavaScript和HTML可以同时接受单引号和双引号。更改此:
<img onmouseover="imageChange("crew1")" ...>
对此:
<img onmouseover="imageChange('crew1')" ...>