大家好,我想我需要一些新的知识来帮助我查看自己的代码,这些代码无法正常工作。很抱歉让这个问题相对容易,但是我并不是真的用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')" ...>

10-05 20:54
查看更多