【最大10000ポイント】当たる!!質問投稿キャンペーン!

マウスが乗ると二つ以上の動作をする
(例えば、マウスが乗ったときに音を鳴らして、テキストエリアに解説を表示する)
にはどうすればいいのですか?何かの記号で区切るのですか?

このQ&Aに関連する最新のQ&A

A 回答 (1件)

omMouseoverで複数の処理を指定したい場合は、それぞれの処理を「;」で区切って記述すればよいと思います。


JavaScriptは、「;」を記述の文節の区切りとして使用します。 これは、イベントハンドラ内でも同様ですので、一つのイベントハンドラ内に複数の処理を入れたい場合には、

onMouseover="一つ目の処理; 二つ目の処理"

と言うように記述すればよいはずです。 この場合でも、先に記述されている文から順に処理されていきます。

参考になれば。
    • good
    • 0
この回答へのお礼

ありがとうございます!
スタイルシートと同様;で区切ればよかったんですね。

お礼日時:2004/01/11 21:03

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qonmouseoverに複数の命令を書き込みたい

こんにちは、初心者の質問です。

画像Aにカーソルを乗せると、別のところにある画像Bが違う画像に変化するようにJAVASCRIPTを使ってスクリプトを書きました。これはうまく作動します。
さらにこの画像Aも(画像A自身にカーソルが乗った時に)別の画像に変化するようにしたいのですが、うまくいきません。

画像Aの記述は以下のようになっています。
<img src="pic1.gif" width="50" height="30" onMouseOut="changeImg(photos[6])" onMouseOver="changeImg(photos[0])">

onmouseoverに "this.src='マウスが触れた時に表示したい画像のアドレス'" を追加したいのですが、いかんせん画像Bを変化させるためのスクリプトがすでに書き込まれています。

そこで質問ですが、onmouseoverに複数の命令を書き込むことは可能でしょうか?またそれが不可能な場合上記のようなギミックを作る最善の方法や、解説のあるサイト等を教えていただけるとありがたいです。
詳しい方、よろしくお願いします

こんにちは、初心者の質問です。

画像Aにカーソルを乗せると、別のところにある画像Bが違う画像に変化するようにJAVASCRIPTを使ってスクリプトを書きました。これはうまく作動します。
さらにこの画像Aも(画像A自身にカーソルが乗った時に)別の画像に変化するようにしたいのですが、うまくいきません。

画像Aの記述は以下のようになっています。
<img src="pic1.gif" width="50" height="30" onMouseOut="changeImg(photos[6])" onMouseOver="changeImg(photos[0])">

onmouseoverに "this.src='マウ...続きを読む

Aベストアンサー

onmouseover="func1(); func2();"
みたいな感じで複数処理を記述することもできます

Qオンマウスで、画像切り替え+別箇所の画像も同時に切り替えられのでしょうか?

お世話になっております。
もしJavascriptのカテゴリーと違うものでしたらすみません。

オンマウスにて画像を切り替えるJavascriptがあるのは存じておりますが、
オンマウス時にそのような画像切り替えをすると同時に
別部分にある画像エリアの画像、(もしくはHTML)も切り替える事は可能なのでしょうか。
別々に切り替え設定をすることは出来そうですが、同時に切り替えが出来るものなのかと思いまして、今回質問させて頂きました。

何ぶんよくわかっていないもので説明不足な点も多いかと思いますが、何卒宜しくお願い致します。

Aベストアンサー

やり方はいろいろ考えられます。
手っ取り早いのはidを振ってsrcを変えてしまうことでしょう。
その他グルーピングしたり、スタイルシートを併用したり
いろいろありそうですが、まぁフロー的にはそんなに変わりません

<img src="1.jpg" onmouseover="this.src='3.jpg';document.getElementById('another').src='4.jpg'" onmouseout="this.src='1.jpg';document.getElementById('another').src='2.jpg'" ><img src="2.jpg" id="another">


人気Q&Aランキング