0

私は告白します、私はjavascriptの初心者です。現在のタスクのパート1は、ユーザーが最初の.pngの左上隅にマウスを置いたときに、.pngファイルを別の.pngに置き換えようとしていることです。マウスをオフにすると、.pngを最初の.pngファイルに戻す必要があります。

これを実現するために、イメージマップとJavaスクリプトを使用しようとしています。17行目に次のエラーが表示されます。

'StaticImage1 is undefined"

17行目は、以下の「area coords=...」行です。

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Hot Spot Test</title>
<script language="javascript" type="script">
loadImageUL = new Image();
loadImageUL.src = "images/image2.png";
staticImage1 = new Image();
staticImage1.src = "images/image2.png";
</script>
</head>
<body>
    <p>
    <map id="FPMap1" name="FPMap1">
        <area coords="0, 0, 111, 96" href="http://thepcparamedics.com/" shape="rect"  onmouseover="image1.src=loadImageUL.src;" onmouseout="image1.src=staticImage1.src;" />
    </map>
    <img name="image1" alt="" height="203" src="images/image1.png" width="234" usemap="#FPMap1" />
</p>
</body>

私は単純な何かを見逃しているに違いないことを知っています。よろしくお願いします。

マイク

4

2 に答える 2

1

スクリプトtypeはである必要がありtext/javascript、省略できますlanguage

于 2010-01-22T03:47:02.393 に答える
0

わかった。そのため、問題とは関係のないコードにいくつかの問題がありました。StaticImageULとStaticImage2の両方がimage2.pngとして割り当てられているなど。

そうは言っても、エラーの原因はscript要素のType="script"が原因でした。これをtype=""に変更しましたが、コードは希望どおりに機能しているようです。

于 2010-01-22T03:47:42.723 に答える