- ベストアンサー
OnMouseOverに２個の動作をさせる？
ホームページを作っているのですが、マウスを画像の上に 持ってくると、その画像が変わる（ロールオーバー）と 同時に、サブメニューが出てくるようにしたいのですが、 ２つの動作を同時にするこは可能でしょうか？ それぞれ１つだけだったらきちんとうごいたのですが・・・
- pptrue
- お礼率67% (39/58)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
可能です。 タグ内の「onMouseover=""」のところに、実行したい処理を、「;」で区切ってすべて記述してください。 ちなみに、先に書かれているほうから先に処理されます。 例えば、 <a href="#" onMouseover="ImgSW(); subMenu();">～～</a> このような感じです。 参考になれば。
関連するQ&A
- onMouseOverがうまくいきません
JavaScriptで、プルダウンメニュー及びマウスで触れたときのメニューの画像変更を行っていますがうまくいきません。プルダウンはうまくいきますが、画像変更しないのです。 どうやらプルダウンメニューの表示・非表示に使っているonMouseOverとonMouseOutが、画像変更のそれらとダブっているためだと思うのですが…。Macでは動作するのですが、Winでは動作しないのです。 <div id="xx" class="yy" onMouseOver="show('xx');" onMouseOut="hide('xx');"> <a href="xx.html" onMouseOver='xxxx' onMouseOut='yyyy'><img src="photo.gif" name="aa"></a> </div> うまく両方機能させるいい方法はないでしょうか？
- ベストアンサー
- JavaScript
- ロールオーバーを含む複数の動作について
製作初心者ですが宜しくお願いします。 今回ホームページを作るにあたり、以下のJavaScriptを使用した動作を検討中です。内容に心当たりがありましたらご教授下さい。 先ず横590px縦300のメイン画像があり、その横に横180px縦50pxの画像を６個にしての設置を行います。 横の180px縦50px画像をロールオーバーにし、更にその画像にマウスを乗せた時に横590px縦300pxのメイン画像も同時に変えたいのですが、これらの動作は可能でしょうか？ また、欲を言えば…ロールオーバーにした画像にリンクを貼り、目的のページへ移動をしたいとも考えております。 参考なサイトとしましては、セブンイレブンのトップページで使用しているフラッシュによる事ですが、あいにくフラッシュは未経験でソフトも無く行えませんので、JavaScriptで可能な限り動作的に行えればと考えております。 参考ＵＲＬ： http://www.sej.co.jp/index.html 自分でも色々探してみましたが、なかなか見つからずスクリプト同士を連結したりして試しても見ましたが動作にバグが生じ、上手くいきませんでした。 そこで、参考になるサイトがあれば教えてください。 宜しくお願いします。
- ベストアンサー
- JavaScript
- マウスオーバーで伸びるサブメニューが正しく動作しません
こんばんは。 以下サイトのメインメニューの左三つのボタンのように、 ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、 サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。 http://www.mizkan.co.jp/index_1.html ・マウスオーバー addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、 gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。 ・マウスアウト addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、 gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。 上記のscriptを作るところまでは上手くいきました。 しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、 マウスオーバーとマウスアウトのアクションが繰り返し実行され、 サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。 この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。 上に記載した方法以外でも同じような動きになる作り方があればご教授ください。 宜しくお願い致します。
- 締切済み
- Flash
- ホームページ「メニューボタンのロールオーバー効果」について
ホームページビルダー7を使用しています。 「URLから読み込み」で色々なホームページを参考にしてHP製作に活用しています。 メニューボタンでマウスポインタが上にきた時に画像が変化する効果がありますが，ロールオーバー効果の設定がされていないのに，この効果となっているものが多々あります。 どのようにして処理されているのでしょうか? これらのHPはビルダーで読み込んでも，ボタンの画像ファィルはテキストなどと同様に見ることができません。(私がビルダーでロールオーバー効果を設定したものは，効果設定のマークが表示され，2つの画像ファイルが登録されています) 以上 よろしくご指導願います。
- 締切済み
- ホームページ作成ソフト
- 動きのあるプルダウンメニューをFLASHで作成しているのですがうまくいきません
かれこれ１週間以上、FLASHで動きのあるプルダウンメニューを作成しようとしているのですが、希望の動きができずに困っています。 メインで５項目、そのうちひとつにロールオーバーで３項目のサブメニューを出したいのですが、 ●ロールオーバーでサブメニューが出てくる（ムービー）。 ●メインメニューとサブメニューを合わせたヒット領域からロールアウトでサブメニューが引っ込む（ムービー）。 ●メインのその他のメニューにマウスオーバーすると上記サブメニューが引っ込む。 ●サブメニューにマウスオーバーすると色味が変わり、リンクへ飛べる。 上記４項目をすべて満たす動きができません...。ロールオーバー/アウトの設定はできてもサブメニューの色味が変わらなかったり。サブメニューを持つメインメニューや、他のメインメニューにマウスオーバーするたびに、サブメニューが開いたり。 動きのないプルダウンメニューはできるので、サブメニューが出てくるムービーの扱い方の問題だとは思うのですが... 検索して調べたのですが、なかなか同条件の質問が見つからず、なかなかわかりにくい説明だとは思いますが、お分かりになる方、お教えください。
- 締切済み
- その他(ソフトウェア)
- スタイルシートでロールオーバーの小技を教えてください
スタイルシートでメニューを作りたいのですが、 メニューのボタンは画像にし、マウスをあてると別画像を呼び出す ロールオーバーはできたのですが以下のような動きは可能ですか？ ■・・・デフォルト画像 □・・・ロールオーバーでかわる画像 ＜デフォルト＞ ■メニューA■ ■メニューB■ ■メニューC■ ┣■メニューC-1■ ┣■メニューC-2■ ┗■メニューC-3■ ■メニューD■ ------------------------- ※「メニューC-1」や「メニューC-2」や「メニューC-3」にマウスを あてたときに、マウスがあたっているメニュー画像と親メニューの 「メニューC」の画像を同時にオールオーバーさせたいのです。 ＜「メニューC-2」にマウスをあてる＞ ■メニューA■ ■メニューB■ □メニューC□ ┣■メニューC-1■ ┣□メニューC-2□ ┗■メニューC-3■ ■メニューD■ ------------------------- ↑上記のように「メニューC-2」と同時に親の「メニューC」も オールオーバーさせたいです。 すみませんが、ご教授よろしくお願いいたします。
- ベストアンサー
- その他（プログラミング・開発）
- Dreamweaver 4でこのようなことは出来ますか？
Dreamweaver 4でＨＰを作っているのですが、このようなことは出来ませんか？ ロールオーバーイメージで、マウスを画像の上にもって行ったときに 画像が切り替わるのと同時にすぐ脇の所にレイヤーなどで作った メッセージのようなものを表示させたいのですが、このようなことは可能でしょうか？ ご存知の方どうかよろしくお願いもうしあげます。
- ベストアンサー
- その他(ソフトウェア)
- ホームページのメニュー作成で
ホームページをヒームページビルダー13の標準モードで作成しています（初心者です）。 フレームを3段に分けて真ん中のフレームをメニューとして作っていますがメニューへマウスを置くと画像が変わるロールオーバーにしたのですが、 クリックしてページを表示した時にそのページにあたるメニューの項目がマウスを置いた時の画像（または別画像）になり、 どのメニューのページが表示されているのか分かるよようにできればと思っています。 一つ一つのページのメニューを変更し登録をする以外に方法があるのでしょうか？（CSS等？） フレームを使う事で不都合があるようでしたら、変更することも可能です。 アドバイスを宜しくお願いします。
- 締切済み
- ホームページ作成ソフト
- ロールオーバーで指定の位置にテキストを配置
画像のロールオーバーメニューで、マウスオーバー時に指定の位置にテキストが現れるようなメニューを作りたいのですが、そのようなjsだったり、jqueryなどありますでしょうか？ 添付の画像のような感じで、メニュー1、2、3それぞれにマウスオーバーすると、メニュー1の横に必ずテキストが現れるようにしたいです。 もちろん、改行などもできるようにしたいです。 どうしたら良いでしょう？
- ベストアンサー
- JavaScript
お礼
ありがとうございます。 言われた通りにしたらうまくいきました。