![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_11.png?5a7ff87)
プルダウンメニューとフェードインの組み合わせを作りたい/FLASH?CSS?
お世話になっております。
添付画像の通り、フェードイン画像のFLASHの上にプルダウンメニューを設置したいと考えています。
フェードインだけならFLASHで問題なく作れそうなのですが、困っているのはプルダウンメニューです。
元々FLASHはあまり知識がないので、CSSなどで作ろうと思っておりました。
以前、以下のサイト様のサンプルを参考にさせていただき作った経験はあります。
http://css-eblog.com/csstechnique/css-8.html
ですが、今回はこのプルダウンと同時にボタンにマウスオーバーした際、プルダウンが出るだけでなく、オーバー画像を変化させたいのです(添付画像の通り、通常時オレンジボタン→オーバー時黄色ボタン)。それが上記のCSSでどうすればいいのか分からず、もはやFLASHで作ったほうが良いのではと考えています。
その場合、プルダウンメニューのFLASHとフェードインのFLASHは別に作るべきなのでしょうか?
プルダウンメニューがFLASHにかかるように(画像参照)したいので、全てを一つのFLASHにするしかないのかと悩んでいます。
非常に基本的なことかもしれませんが、プルダウンのようなアクションスクリプトを使ったものと、フェードインのようにタイムラインに沿って動かすものを1つのFLASHで実現できるのでしょうか?
それとも、最初に挙げたCSSに手を加えればCSSのみでプルダウンを実現できるのでしょうか?
もう何を使って何から作ればいいかすら分かりません。
どんな小さいことでもありがたいので、ヒントいただけましたら幸いです。
どうぞよろしくお願いいたします。
![「プルダウンメニューとフェードインの組み合」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/0/543135_5497da43e29f1/M.jpg)
No.3ベストアンサー
- 回答日時:
FLASHにCSS設定は出来ません。
Webページを制作する際のHTMLのFLASHの入れ子のCSSのBOXをフォトショップのレイヤーのようにかぶせてあげるのです。
プルダウンメニューを前面 写真を背面にして重ね合わせてあげれば プルダウンメニュー展開時の画像を写真にかぶせることが出来ます。
otaku37564さま、
何度もご回答ありがとうございました!
>FLASHにCSS設定は出来ません。
恥ずかしながら存じ上げませんでした。教えて下さってありがとうございます。
おかげさまで何をすべきかが分かってきました。
おそらくまたつまづくと思いますが、まずは奮闘してみます。
どうしても分からなかったらまた投稿させていただくかもしれないので、もし見かけたら助けて下さると嬉しいです。
ほんとうに、ありがとうございました!
No.2
- 回答日時:
そうですか だったら別けて作るしかないですね。
ただしプルダウンメニューが 下の写真にかぶる場合は、CSS側でZ-INDEXを指定してあげないといけません。
度々のご回答ありがとうございます。
分けて作ることがわかっただけでもとても有難いです!
すみません、もう少し教えていただけると嬉しいのですが、
>CSS側でZ-INDEXを指定
というのは別々に作って、プルダウンメニューのFLASHにCSSを設定するということでしょうか?
何度も申し訳ありません。
どうかよろしくお願いします。
No.1
- 回答日時:
ボタンで画像を切り替えるのをHTMLとFLASHでやる場合FLASHを白画面からフェードインするファイルをボタン分だけ用意しなければいけません。
(だってHTMLの指示じゃFLASHのどのフレームからスタートするか指定できないでしょ)というわけで、プルダウンと画像は1つのFLASHで作ります。
プルダウンメニューと、画像をレイヤーで別けて
まずすべての画像を白画面からフェードインするアニメションを制作します。
(10フレームくらいで写真表示がいいでしょう10フレーム目にSTOP()のスクリプトを入れましょう)
それを10フレームづつ階段のようにずらしておきます。
先頭行にプルダウンのメニューを作ります。
(割愛します)
プルダウンを作ったフレームの最後にはSTOP()のスクリプトを入れます。
プルダウンのボタンを押した時に指定の写真のアニメが始まるフレーム数をgotoのスクリプトで入れてあげればいいだけです
早速のご回答ありがとうございます。
私の説明が悪かったです、申し訳ありません。
ボタンとフェードインする画像は関係ないのです。ボタンは単に他のページに飛ぶためのものでして、ボタンのマウスオーバーやクリックに関係なく、フェードイン画像はページを読み込みと同時にスタートさせたいのです。
トップページを読み込むとフェードインのFLASHが出るサイトがよくあると思うのですが、それです。
ボタンはトップページから他のページに飛ぶために使います。
なので、トップページにはフェードインとプルダウンメニューがあり、他のページはプルダウンメニューのみがあるようになります。
ということは分けて作るのでしょうか?
ご意見いただけると助かります。
せっかくご回答くださったのに申し訳ありません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- ホームページ作成・プログラミング Adobe FLASH に代わるソフトはありますか? 4 2022/09/27 19:35
- マルウェア・コンピュータウイルス FlashPlayerの削除とマルウェア感染について 5 2023/02/23 20:52
- Flash 私のコンピューター上のファイルが開けられない。 1 2022/07/19 18:15
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- デスクトップパソコン ホームページビルダー15 1 2023/05/30 12:30
- USBメモリー・SDカード・フラッシュメモリー プリンタのドライバーをUSB Flash Diskに保存したい。 4 2023/05/23 23:30
- ドライブ・ストレージ USBメモリが勝手に接続解除される。 2 2022/06/30 12:38
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ActionScriptで関数とは?
-
秒と同期してMCを動作させる方法
-
flash トップページ 自動再...
-
WEBブラウザの重複起動の禁止
-
フレーム内に移動したい
-
C#でDLLファイル読み込みを行う...
-
phpで音を鳴らす
-
Access2010でサブフォームのフ...
-
車の運転時のメガネ 縁なし(...
-
画面上にランダムでムービーク...
-
【C#】wavファイルの複数同時再生
-
URLを隠す、または別アドレスな...
-
flashでスライド式メニューを作...
-
シーケンス番号の初期値
-
ActionScript 3.0についての質...
-
suzukaのタイムラインの設定に...
-
ビルダー2001:フレームの保存
-
FLASHでシーンをつなげる。
-
外部ムービー読込み後 AS が...
-
Flash Lite1.1でActionScriptを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
WEBブラウザの重複起動の禁止
-
AS3.0で子MCから他の子MCの...
-
ASだけで○秒停止する方法
-
Excel VBA SetFocus
-
Suzukaで時計のflashを作成し、...
-
ループ再生のflashをタイムライ...
-
mp3でページを移動しても音を鳴...
-
FLASH上でインラインフレームみ...
-
Error#1009 時計のシーン移動ボ...
-
as3 SharedObjectクラスを使用...
-
suzuka rollOverで画像が徐々...
-
Flash Lite 1.1 アナログ時計 ...
-
Flash lite1.0の計算クイズ
-
プルダウンメニューとフェード...
-
フレーム内に移動したい
-
phpで音を鳴らす
-
Flashで右クリックメニューにつ...
-
C言語 バッファについて。
-
【C#】wavファイルの複数同時再生
-
Access2010でサブフォームのフ...
おすすめ情報