ボタン上にマウスが乗ったら文字を移動させる |
説 明 | ボタン上にマウスが乗ったら(マウスオーバー)文字が移動するようにするには移動させるためのボタン(サンプルでは左右の▼)とテキストを用意します。テキストはムービークリップにして名前を付けておきます。サンプルではmyTextとしています。移動させるにテキストにスクリプトを記述します。スクリプトウィンドウでonLoadイベントを選択し移動量を保持する変数ofstの初期値を設定します。 ofst = 0; 次に定期的に移動させるためにonEnterFrameを選択し、以下のスクリプトを入力します。 _root.myText._x = _root.myText._x - ofst; 次にボタンはステートパレットでoverステートを作成しスクリプトを追加します。左側のボタンには以下のようにスクリプトを記述します。 _root.myText.ofst = 4; マウスがボタンから離れたら移動量を0にする必要があるので、ステートパレットでoutステートを作成し、以下のようにスクリプトを記述します。 _root.myText.ofst = 0; 反対側のボタンも移動量が逆になるだけで、変わりません。これでボタン上にマウスが乗ると文字が移動するようになります。移動する幅はofstの値を変更すれば変わります。 |
---|---|
サンプル画面 | |
■サンプルスクリプトを実行する >>sample.html ■サンプルスクリプトをダウンロードする >>.zip |