新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

Flashでプルダウンメニューを作ってみた

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

過去ログの「Flashでプルダウンメニュー」に意外と頻繁にアクセスがある。
どうせなら実際作ったFLASHも公開しちゃおうと思い、
記事を見つつプルダウンメニューを作ってみた。

スポンサーリンク
 

1. まずは新規ムービークリップシンボルを作成。ここでは「pulldown」という名前にした。
2. その中にボタンを適当に配置。
3. 親ボタンと子ボタン(プルダウンで出現するボタン郡)にレイヤー分けして配置する。
4. 子ボタンにモーショントゥイーンでプルダウンの動きをつける。マスクを使って上からはみ出ないようにしましょう。
5. マウスオーバー用のモーショントゥイーン「mouse」を子ボタンの動きに合わせて作る。できたシンボルはムービークリップにしてアルファ値を0(透明)に。
6. 最初のフレームと最後のフレームにフレームアクション「stop();」を入れて準備OK!
(ここまでは記事には載っていない。)
7. スクリプト編から親ムービークリップに貼り付けるスクリプトを「pulldown」にコピペ
8. プルダウンするムービークリップに貼り付けるスクリプトを「mouse」にコピペ。最終フレームにある「mouse」にもコピペ。
とりあえず以上でできたはず。
颯爽とパブリッシュプレビューしてみる。。が、エラー。おもいっきりシンタックスエラーが出る。
いろいろ調べてわかったのだが、コピー時についてくる空白が悪さをしているらしい。
面倒くさいけど、空白を綺麗に削除して再びパブリッシュプレビュー。

できたできた。

一瞬嘘ついちゃったかなぁなんて思いましたが、コピペだけじゃちゃんと動かないみたいです。
そこでつまづいている人がいたら無駄な空白を消してみてください。
あ、それから文字の分解もお忘れなく、しないとへんな挙動します。

最後にできたflaファイルをzip圧縮したものを置いておきます。
良かったら使ってやってください。
pulldown.zip】 9.39KB

■関連記事
FLASHでプルダウンメニュー(ポップアップメニュー) 導入編
FLASHでプルダウンメニュー(ポップアップメニュー) スクリプト編
Flashでプルダウン(修正)
Flashでプルダウン(さらに)
Flashでプルダウン(さらにさらに)もう嫌!!

 - FLASH, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

「float」で親要素の高さがなくなってしまったときは親要素に「float」【CSS】

1年以上前の記事です。内容が古い可能性があります。HTML・CSSコーディングで …

「Helvetica(ヘルベチカ)」を安く手に入れたいWindowsユーザーは「Swiss」を手に入れよう【font・書体】

1年以上前の記事です。内容が古い可能性があります。「Helvetica(ヘルベチ …

swfファイルはflaファイルに変換せずに直接Flashで開いても結構使える【Flash CS6】

1年以上前の記事です。内容が古い可能性があります。先日、swfから画像や音声ファ …

Flickrで「保険」と検索したらヤバい画像がたくさん出てきた

1年以上前の記事です。内容が古い可能性があります。この前の記事を書くに当たり、F …

no image
ツイッター、メンション(mention)とリプライ(reply)は違う?

1年以上前の記事です。内容が古い可能性があります。こちらの記事の解答編。 □&n …

no image
ITの意味

1年以上前の記事です。内容が古い可能性があります。7月7日に「ITはエコです。」 …

Flickrのクリエイティブ・コモンズは何にすればいいのか? [前編]

1年以上前の記事です。内容が古い可能性があります。Flickr(フリッカー)とい …

Webサイトでプリント時にヘッダやメニューを消す方法

1年以上前の記事です。内容が古い可能性があります。どうも日本人は印刷にこだわる。 …

ケータイに掛かってきた電話をiPhoneに転送するようにした

1年以上前の記事です。内容が古い可能性があります。iPhoneを買ってこのかた、 …

僕が感じた緊急地震速報の媒体に寄る速さ比較

1年以上前の記事です。内容が古い可能性があります。このところ、緊急地震速報を聞か …

血液型オヤジ