質問: マウスオーバーで伸びるサブメニューが正しく動作しません こんばんは。 以下サイトのメインメニューの左三つのボタンのように、 ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、 サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。 http://www.mizkan.co.jp/index_1.html ・マウスオーバー addeventlistenerのmouse_overでボタンの上にカーソルが乗ると、 gotoandplayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。 ・マウスアウト addeventlistenerのmouse_outでボタンからカーソルを外すと、 gotoandplayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。 上記のscriptを作るところまでは上手くいきました。 しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、 マウスオーバーとマウスアウトのアクションが繰り返し実行され、 サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。 この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。 上に記載した方法以外でも同じような動きになる作り方があればご教授ください。 宜しくお願い致します。
回答: javascriptはあまり詳しくないので想像ですが、 サイトでの動きを見ている限り、 mouseoverで全て実現できるのではないかと思いました。 三つのボタンは、それぞれに対応したサブメニューを表示し、 四つ目のボタンと、サブメニューが表示される領域のmouseover のイベントでサブメニューを下げてあげればどうでしょうか。