ふわっと色が変わるボタンを作る方法とは?

このQ&Aのポイント
  • JAVAでマウスオーバーすると色が変わるボタンの作り方は読んだ事があるが、それはふわっと変わらないですぐ変わると思います。こういったふわっと変わる技術は、何で作っているのでしょうか?フラッシュでしょうか?
  • サイトURLの最後がindex.phpなので、phpでしょうか、私はドリウイを使っていますが、ドリウイだけではこういうサイトはできないのでしょうか?
  • ふわっと色の変わる黒いボタンが7つあり、マウスオーバーすると、下にプルダウンのようなメニューも出ます。ふわっと変わる技術について教えてください。
回答を見る
  • ベストアンサー

ふわっと色が変わるボタンを作るには

このサイト http://www.newotani.co.jp/tokyo/hhp/index.php の一番上に、ふわっと色の変わる黒いボタンが7つあります。 マウスオーバーすると、下にプルダウンのようなメニューも出ます。 JAVAでマウスオーバーすると色が変わるボタンの作り方は読んだ事があるのですが、それはふわっと変わらないですぐ変わると思います。 こういったふわっと変わる技術は、何で作っているのでしょうか? フラッシュでしょうか? サイトURLの最後がindex.phpなので、phpでしょうか、 私はドリウイを使っていますが、ドリウイだけではこういうサイトはできないのでしょうか? お返事お待ちしています。どうぞよろしくお願いします。

  • CSS
  • 回答数3
  • ありがとう数8

質問者が選んだベストアンサー

  • ベストアンサー
  • MAN_MA_RUI
  • ベストアンサー率41% (426/1024)
回答No.3

JavaとJavaScriptは別物であり、後者の略称がJavaであるわけでもなく、また後者の略称としてJavaという言葉を用いるのも適切ではありません。 http://e-words.jp/w/Java.html http://e-words.jp/w/JavaScript.html …私が使ってる定型文です。 まぁ、JavaScriptでもロールオーバー効果とGIFアニメを組み合わせれば似たようなことが出来ます。 GIFアニメを作成するとき、アニメーションを1回だけ行う設定にすれば繰り返し繰り返し、選択したときだけふっと明るくなるアクションを実現できます。 【デフォルト】 普通の文字を描いた画像 【マウスオーバー時】 項目の部分がふっと明るくなるアニメーション 【マウスアウト時】 暗くなるアニメーション

himis22
質問者

お礼

ありがとうございました。大変参考になりました。

その他の回答 (2)

  • maura
  • ベストアンサー率46% (48/104)
回答No.2

単純に作るのであれば、 [ふわっと]色が変わるボタンの”GIFアニメーション” を作ればいいわけで

himis22
質問者

お礼

な・・・なるほど・・・(汗) それをやっていてしかもできが良いサイトがありましたら、見てみたいので教えて頂けたらうれしいです。 でもフラッシュ全盛の今、それをやるとかなり浮きそうな・・・

回答No.1

リンク先を参照してみましたが、オブジェクトの上で右クリックをすると「拡大・縮小・すべて表示・…」のコンテキストメニューが出ますのでFlashですね。 ソースを見るとindex.swfというファイルを表示していることがわかります。

himis22
質問者

お礼

ありがとうございます。 こういった場合、オブジェクトの上で右クリックをすることにより、何で作られているかを判断するのが一般的と考えていいでしょうか、 また、このふわっと変わる技術はフラッシュ以外ではできないでしょうか、 フラッシュでやるとしたら、ホームユース用のものでなく、プロフェッショナルパッケージでないと対応していないでしょうか?

関連するQ&A

  • flashメニューボタン

    flashでメニューボタンを制作しているのですが…。 (マウスオーバーの時に徐々に明るくなるような感じで) メニュー内で他のページに飛んだ時にそのページのボタンをマウスオーバー時のときのように色を変えたいのですが何か良い方法はありますか? サイトはオールFLASHではなく、メニュー(ヘッダー)だけFLASHです。

  • プルダウンメニューで、ボタンを使わない方法

    PHPのプルダウンメニューで、ボタンを使わずに選択を実行するにはどうしたら良いのでしょうか? (javaのonchangeの様に出来ればと思います) 皆様の知識を、どうぞお貸し下さいませm(__)m

    • 締切済み
    • PHP
  • プルダウンメニューとフェードインの組み合わせを作りたい/FLASH?C

    プルダウンメニューとフェードインの組み合わせを作りたい/FLASH?CSS? お世話になっております。 添付画像の通り、フェードイン画像のFLASHの上にプルダウンメニューを設置したいと考えています。 フェードインだけならFLASHで問題なく作れそうなのですが、困っているのはプルダウンメニューです。 元々FLASHはあまり知識がないので、CSSなどで作ろうと思っておりました。 以前、以下のサイト様のサンプルを参考にさせていただき作った経験はあります。 http://css-eblog.com/csstechnique/css-8.html ですが、今回はこのプルダウンと同時にボタンにマウスオーバーした際、プルダウンが出るだけでなく、オーバー画像を変化させたいのです(添付画像の通り、通常時オレンジボタン→オーバー時黄色ボタン)。それが上記のCSSでどうすればいいのか分からず、もはやFLASHで作ったほうが良いのではと考えています。 その場合、プルダウンメニューのFLASHとフェードインのFLASHは別に作るべきなのでしょうか? プルダウンメニューがFLASHにかかるように(画像参照)したいので、全てを一つのFLASHにするしかないのかと悩んでいます。 非常に基本的なことかもしれませんが、プルダウンのようなアクションスクリプトを使ったものと、フェードインのようにタイムラインに沿って動かすものを1つのFLASHで実現できるのでしょうか? それとも、最初に挙げたCSSに手を加えればCSSのみでプルダウンを実現できるのでしょうか? もう何を使って何から作ればいいかすら分かりません。 どんな小さいことでもありがたいので、ヒントいただけましたら幸いです。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • Flash
  • エクセルでプルダウンとボタンメニューが選べない

    下記のエクセルのファイルをDLしたのですが http://haken.inte.co.jp/download/index_tokyo.html プルダウンメニューやボタンがありますが、 自分のPCでは、選択しようとクリックしても 何も起こりません なにか私の設定ミスでしょうか? どうすれば、有効にできますか?

  • flashで作ったボタンが・・・

    FLASH5.0を使ってHPを作成しようと企んでいます。 マウスがロールオーバーした時に、色が変わるボタンを作ったのですが、 何故かただ色が変わるだけではなく、点滅するようになってしまいました。 なぜなのでしょう? お分かりになる方がいたら教えてください。

  • プルダウンメニューの方法

    いつもお世話になります。 http://203pj.com/design/index.html のサイトのメニューで「デザイン」や「オール電化・エコ」の部分にマウスオーバーするとでるプルダウンですが、FLASHではないようですし、どのような仕組みのものでしょうか? javasacriptは得意ではないので、javasacriptならどのようなものか、もしくはサンプル等があれば教えていただきたいです。

  • ボタンの色の変更

    プルダウン形式の選択メニューで、右のボタン(▼)の色をスクロールバーを変える感じで変える事は出来ないのでしょうか? よろしくお願いします。

  • 動くボタンでリンク

    FLASH MXです。 マウスポインタがオーバーすると色が変わるボタンをつくりました。 そのボタンをムービークリップとして、動きをつけました。 それをスクリーン上に配置して、リンクをはったのですが、 するとマウスポインタを置いても色がかわらなくなってしまいました。 どうしてなんでしょうか。おしえてください。 前の質問にあった、リンクで、透明ボタンの方法を試しましたが、うまくいきませんでした。

    • ベストアンサー
    • Flash
  • FLASH ロールオーバーでプルダウンメニュー

    FLASHを勉強中3週目です。 アイコンにマウス、(マウスオーバー)を置くと、ロールオーバーでプルダウンメニューが出るようにし、そのメニューからそれぞれのURLにリンクようなサイトを考えています。 下記のChapter11 メニュー・フォーム:11-01 ロールオーバーでプルダウンメニューを表示を参考にしています。 http://book.mycom.co.jp/support/e5/actionscript10/ 画像を作成しするところまでなんとか出来ましたが、スクリプトがわかりません。 上記のサイトでは onClipEvent (load) { this.Stop(); } onClipEvent (enterFrame) { hitTop = this.hitTest(_root._xmouse, _root._ymouse, true); if (hitTop) { this.gotoAndStop("on"); } else { this.gotoAndStop("off"); } } と書かれていますが、urlにリンクをするまでの説明がありません。 初心者用のFLASHのマニュアルを2冊ほど買って勉強していますが、上記のようなスクリプトが載っていないので、WEBで調べながら勉強をしています。 プルダウンメニューのスクリプトで、リンクまでを説明しているサイトがあれば、ご教授ください。 どうぞよろしくお願いします。

  • LAYERタグと、フラッシュムービーがぶつかる問題

    レイヤータグを使用して、メニュー項目にマウスオーバーすると、 プルダウンメニューがでてくるというページをつくっています。 同じページ内にフラッシュムービーを表示させたのですが、プルダウンメニューがフラッシュの下に表示されてしまい、見えなくなってしまいます。 回避方法があったら教えて欲しいのです。 プルダウンメニューもフラッシュに入れ込まないとだめなのかなあ。 それともスクリプトの書き方でどうにかできますでしょうか。

    • ベストアンサー
    • HTML

専門家に質問してみよう