リンクボタンの作り方

質問

初めまして、aco_kanaというものです。お願いします。
過去の質問を捜したのですが、見つからなかったので教えてください。

http://www.nissinfoods.co.jp/com/saiyou/recruit/

上記のHPの様に、二つの選択肢があり、どちらにするか点滅していて、カーソルをどちらかに合わせたら、その点滅がとまり、選んだ方のボタンの色が変わるといったものを作りたいのですが、ムービークリップで、点滅アニメを作り、それをボタンのアップに置いて・・・などとしているのですが、点滅はしたままで、どなたかよい方法があれば教えてください。

回答No.3

noname#35109 · ベストアンサー

＃１の方に続き２例目として。

> ムービークリップで、点滅アニメを作り、それをボタンのアップに置いて・・・

そうではなくて，
ムービークリップ内にボタンを２つずつ，合計４つ置けば良いと思いますよ。
ボタンが「A」と「B」であったとして，
「A」にも「B」にも，『桃色』と『黄色』がある。
つまり，
「A黄」 ボタン，「A桃」ボタン，「B黄」ボタン，「B桃」ボタンがある。
合計４つです。
黄色がマウスが当たった状態だとします。

ムービークリップ内のレイヤー

　　　　　　　　　　　　　　A黄　　　　　　A桃
　□レイヤー　筆・・|◎///////[]|●///////[]|
　□レイヤー　筆・・|●///////[]|◎///////[]|
　　　　　　　　　　　　　　B桃　　　　　　B黄

また，
「A黄」 と 「B桃」 のフレームが 1～20フレーム，
「A桃」 と 「B黄」 のフレームが 21～40フレーム であったとします。

「A黄」ボタンには，次のように書きます。

--------------------------
on (rollOver) {
this.gotoAndStop(1);
}
on (rollOut, dragOut) {
this.gotoAndPlay(21)
}
--------------------------

「A黄」ボタンにロールオーバーしたら，
「A黄」ボタンが存在する階層（ムービークリップ）のフレームを1に行かせてストップさせます。
これで，「A」は黄色のままになります。
ロールアウトしたら，「B黄」で（「A桃」で）再生開始です。

「A桃」ボタンには，次のように書きます。

--------------------------
on (rollOver) {
this.gotoAndStop(1);
}
--------------------------

「A桃」ボタンにロールオーバーしたら，
「A桃」ボタンが存在する階層（ムービークリップ）のフレームを1に行かせてストップさせます。
つまり，「A」は黄色になります。

「B桃」ボタンには，次のように書きます。

--------------------------
on (rollOver) {
this.gotoAndStop(21);
}
--------------------------

「B桃」ボタンにロールオーバーしたら，
「B桃」ボタンが存在する階層（ムービークリップ）のフレームを21に行かせてストップさせます。
つまり，「B」は黄色になります。

「B黄」ボタンには，次のように書きます。

--------------------------
on (rollOver) {
this.gotoAndStop(21);
}
on (rollOut, dragOut) {
this.gotoAndStop(1)
}
--------------------------

「B黄」ボタンにロールオーバーしたら，
「B黄」ボタンが存在する階層（ムービークリップ）のフレームを1に行かせてストップさせます。
これで，「B」は黄色のままになります。
ロールアウトしたら，「A黄」で（「B桃」で）再生開始です。

各ボタンは，
アップフレームだけに何かの絵などを用意すれば良いだけです。

ただし，
ボタンはムービークリップの中に入っていますから，
階層には気を付けてください。

もし，
今まで A のボタンをクリックした動作として，

---------------------------
on(release){
gotoAndStop(50);
}
---------------------------

などと書かれていらっしゃったのでしたら，

---------------------------
on(release){
this._parent.gotoAndStop(50);
}
---------------------------

とか，

---------------------------
on(release){
_root.gotoAndStop(50);
}
---------------------------

とかにする必要があります。

ターゲットパス
http://homepage3.nifty.com/ginga-b/MX/targetpath.html

お礼

sassakunさん
はじめまして。

親切に教えて頂いてありがとうございます。
早速チャレンジしてみたのですが、うまく反応してくれませんでした・・。もう一度じっくりチャレンジしたいと思います。
ありがとうございました。