電子書籍の厳選無料作品が豊富!

Javascriptでマウスオーバーというものがあります。
画像の上にマウスを持っていくと、画像が切り替わるものです。参考:http://www14.plala.or.jp/sugachuu/JavaScript/k06 …


そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか??(上記参考URLでたとえると、大きな画像1つと小さな画像4つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか??)

もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。

よろしくお願いします。

A 回答 (2件)

「一まとめしたものをいくつも同じページ内で


表示すること」という意味がわかりません。
たとえば、なにもないところにイメージ画像を
まとめて挿入するなら、idでしていされた段落
(spanかdiv)のinnerHTMLを変更するとよいでしょう。
もっと違うことがしたいのなら、きちんとわかり
やすく説明した方が良いと思います。

<img src="1.jpg" onMouseover="document.getElementById('4images').innerHTML='<img src=2.jpg><img src=3.jpg><img src=4.jpg>';" onMouseout="document.getElementById('4images').innerHTML='';">
<hr>
<span id="4images"><span>
    • good
    • 0

サンプルのソースを貼り付ければ 簡単かと思いますが 複数表示させるなら 必要な部分をコピーして貼り付ければよろしいかと!



使い方も書いてありますが!
http://www14.plala.or.jp/sugachuu/JavaScript/ind …

この回答への補足

>>必要な部分をコピーして貼り付ければよろしいかと!

具体的にソースを教えてください。必要な部分って何ですか??全く分かりません。

補足日時:2005/11/20 00:56
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!