こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

マウスオーバーで伸びるサブメニューが正しく動作しません

こんばんは。
以下サイトのメインメニューの左三つのボタンのように、
ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、
サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。

http://www.mizkan.co.jp/index_1.html

・マウスオーバー
addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、
gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。

・マウスアウト
addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、
gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。

上記のscriptを作るところまでは上手くいきました。

しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、
マウスオーバーとマウスアウトのアクションが繰り返し実行され、
サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。

この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。

上に記載した方法以外でも同じような動きになる作り方があればご教授ください。

宜しくお願い致します。

投稿日時 - 2009-06-11 18:27:07

QNo.5035726

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

javascriptはあまり詳しくないので想像ですが、
サイトでの動きを見ている限り、
MouseOverで全て実現できるのではないかと思いました。

三つのボタンは、それぞれに対応したサブメニューを表示し、
四つ目のボタンと、サブメニューが表示される領域のMouseOver
のイベントでサブメニューを下げてあげればどうでしょうか。

投稿日時 - 2009-06-11 18:49:14

お礼

早速のご回答ありがとうございます。
今回はFLASHでボタンを作成しておりますので、Javascriptではなく、
Actionscript3を使った解決方法を希望しています。

投稿日時 - 2009-06-11 19:18:07

あなたにオススメの質問