ボタン上にマウスが乗ったら文字を移動させる


説  明
ボタン上にマウスが乗ったら(マウスオーバー)文字が移動するようにするには移動させるためのボタン(サンプルでは左右の▼)とテキストを用意します。テキストはムービークリップにして名前を付けておきます。サンプルでは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