0

このコードが意図したとおりにマウスオーバーで画像を交換しないのはなぜですか？：

<a href="#" onMouseOver="
 if (document.the_image.src == '01.jpg')
 {
  document.the_image.src = '02.jpg';
 }
 else if (document.the_image.src == '02.jpg')
 {
  document.the_image.src = '03.jpg';
 }
 else
 {
  document.the_image.src = '01.jpg';
 }
 ">
Some image</a><br>
4

3 に答える 3

1

レンダリングされたHTMLで最も可能性が高いのは、画像ソースが絶対URLであるため、srcはおそらく「http://mydomain.com/01.jpg」です。

これをテストするには、コードにalert（）を設定して、実際のsrc値を確認してください。

おそらく、そのコードを関数に配置する必要があります。これは、インラインHTMLに配置するための大量のJavaScriptです。

于 2010-04-10T02:22:48.423 に答える
1

@jaywonの回答を補足するために、その場合は、これを使用して、絶対URLまたは相対URLに関係なく一致していることを確認できます。

if (document.the_image.src.indexOf('01.jpg') > 0) {
...
}
于 2010-04-10T02:28:57.757 に答える
0

最後に、完全なコードを投稿する方法を理解しました。どうもありがとう！：

<HTML>
<head>

<title></title>
<script language="javascript">
    var name = prompt('What is your name?', '');
    document.writeln('Welcome, ' + name + '.');
</script>
</head>


<body>

<a href="#" onMouseOver="
    if (document.the_image.src == '01.jpg')
    {
        document.the_image.src = '02.jpg';
    }
    else if (document.the_image.src == '02.jpg')
    {
        document.the_image.src = '03.jpg';
    }
    else
    {
        document.the_image.src = '01.jpg';
    }
    ">
<img src="01.jpg" name="the_image"></a><br>


</body>

</HTML>
于 2010-04-10T03:22:41.803 に答える