|
| Name | シロ | ||||
| Date | 2008年12月03日 (水) 15時17分 | ||||
| Message | 色々見てアコーディオンメニューの作成まではできたのですが。 もうひとつ工夫をこらして、遊びを入れたいです。 例えば、 http://www.nara-kankou.or.jp/campaign/campaign/ のように。。。 (マウスアウトしている際もしくは、一定の時間が経過すると自動で動きます。) // 表示枠の 横幅 を設定(変更可) w = 880; // 表示枠の 左側余白 を設定(変更可) m = 0; // 表示枚数(p_mc? の個数)の設定(変更可) n = 5; // 狭いときに見えている範囲を設定(変更可) r = 125; // 動く速さの設定(変更可) s = 1/5; //------------------ // 選択番号 p の初期化 p = 0; // 各 p_mc? を初期座標に設置 _root.p_mc._x = m; for (i=1; i<n; i++) { _root["p_mc"+i]._x = m+w-r*(n-i); } for (i=0; i<n; i++) { // 各 p_mc? にローカルな変数 p の値を設定 _root["p_mc"+i].p = i; // 各 p_mc? のボタン _btn ロールオーバー時 _root["p_mc"+i]._btn.onRollOver = function() { // 親の p の値を _root の p に代入 _root.p = this._parent.p; }; } for (i=1; i<n; i++) { // 各 p_mc1〜p_mc(n-1) の動き _root["p_mc"+i].onEnterFrame = function() { // _root の p の値によって目標座標を変える if (_root.p<this.p) { this._x += (m+w-r*(n-this.p)-this._x)*s; } else { this._x += (m+r*this.p-this._x)*s; } }; } |
||||
| Response
01 |
|
||||
| Response
02 |
|
||||
| Response
03 |
|
||||
| Response
04 |
|
||||
| Response
05 |
|
||||
| Response
06 |
|
||||
| Response
07 |
|
||||
| このページの先頭へへ |