2

www.peterbio.com/mom/test.htmに小さなWebページがあります

誰かがマウスオーバーして画像マップを作成してコードを書きました。紫色の風船の1つをクリックすると、別の画像が表示されます。

  1. ***画像内の別のバルーンに別のロールオーバーマウスオーバー画像を追加できるように、コードを追加するためのサポートが必要です。私は方法がわからない。しかし、上記のページのコードに例と追加を加えることで、少し学ぶことができます。

次に、同じことを実行して、画像内のすべてのバルーンがマウスオーバーを実行し、他のJPGを表示するようにします（後で別の画像を追加します）。同じjpgを使用して、2番目、3番目などのロールオーバー画像を追加できます。

  1. ***また、画像マップを作成するために使用できる無料のマッププログラムを知っておく必要があります。これにより、残りのバルーンでも同じことができます---ただし、画像マップに他の座標を追加して同じ画像を使用することができます。他のすべての気球のために。

画像をプリフェクトする必要があるかどうかわからない。それらは約110k以下になります。

親切に助けてくれてありがとう。母が亡くなって以来、家族のために何かをしようとしています。私が思う対処法。PC

4

1 に答える 1

5 
<map name="momMap" id="momMap">

この場合、各領域はバルーンであり、座標で定義されます。次に、アクション " "は、表示する画像の名前である属性" "をonmouseover受け取るjavascript関数""をトリガーします。changeImagenewimage

設定したいバロンの座標がペアで挿入されます。たとえば、0,0は左上隅を意味し、追加するペアが多いほど、シェイプの頂点が多くなり、それらの頂点を結合して形成される領域は、javascriptアクションの影響を受ける領域になります。

<area shape="poly" coords="326,93,316,136,275,165,250,163,235,127,261,100,286,66,308,68" href="#" onmouseover="changeImage('momf.jpg')" onmouseout="resetImage()"/>

したがって、 " poly"はエリアタイプをポリゴンに設定し、coordsは頂点がどこにいくつあるかを定義します。一部のブラウザを混乱させないように、これらの頂点座標を順番に保持するようにしてください。ポリゴン以外にも、円や長方形など、使用できる形状があります。これらのタイプの領域の使用については、ここで説明します。

あなたは例を求めました、これは親画像の左上隅から100pxの正方形に同じ画像を表示します（そのフォルダ内の他の画像を知らないので）：

<area shape="poly" coords="0,0,100,0,100,100,0,100" href="#" onmouseover="changeImage('momf.jpg')" onmouseout="resetImage()"/>

したがって、結論として、バルーンごとに新しい領域を設定する必要があります。さらに言えば、ホバー効果を適用する画像の任意の領域を設定する必要があります。画像上で座標を見つけるための費用を簡単にするために、タスクを簡単にするこのスクリプトを見つけました

于 2009-12-22T23:49:49.097 に答える