マウスオーバーで伸びるサブメニューが正しく動作しません
こんばんは。
以下サイトのメインメニューの左三つのボタンのように、
ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、
サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。
http://www.mizkan.co.jp/index_1.html
・マウスオーバー
addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、
gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。
・マウスアウト
addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、
gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。
上記のscriptを作るところまでは上手くいきました。
しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、
マウスオーバーとマウスアウトのアクションが繰り返し実行され、
サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。
この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。
上に記載した方法以外でも同じような動きになる作り方があればご教授ください。
宜しくお願い致します。
お礼
ご回答ありがとうございます○ 上記のサイトをを開いて、roadingが終わった後で 文字がキラキラと出てくるようなアニメーションを作りたいのですが、 それもモーションでできますか?