- ベストアンサー
http://news.com.com/ みたいなナビゲーションは？
http://news.com.com/ のサイトの上部にあるような、マウスを持っていくとその下にサブメニューがポンポンと出てくるような動きは、どのような仕組みでやっているのでしょうか？ ヒントだけでも教えてください。お願いします。
- takano2
- お礼率100% (2/2)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- yy_y
- ベストアンサー率39% (99/252)
ページのソースを見てください．Front PageやEnterprise Softwareなどとすべての一覧がまず書かれていて，そのあとに直接スクリプトがJavaScriptで書かれています．
お礼
ありがとうございます。 ソースを見てみましたが、難しすぎてよくわかりませんでした。もっと勉強せねば・・・。 でも、CSSとJavaScriptを使って制御していることを教えてもらいましたので、もっと詳しく調べてみます。
関連するQ&A
- マウスオーバーで伸びるサブメニューが正しく動作しません
こんばんは。 以下サイトのメインメニューの左三つのボタンのように、 ボタンをマウスオーバーするとボタンの上にサブメニューが上がり、 サブメニューにあるテキストがそれぞれボタンになっているという仕組みを作ろうとしています。 http://www.mizkan.co.jp/index_1.html ・マウスオーバー addEventListenerのMOUSE_OVERでボタンの上にカーソルが乗ると、 gotoAndPlayでサブメニューが上がるアニメーションのフレーム番号に飛ぶ。 ・マウスアウト addEventListenerのMOUSE_OUTでボタンからカーソルを外すと、 gotoAndPlayでサブメニューが下がるアニメーションのフレーム番号に飛ぶ。 上記のscriptを作るところまでは上手くいきました。 しかしマウスオーバー時に伸びているサブメニューにマウスカーソルを乗せると、 マウスオーバーとマウスアウトのアクションが繰り返し実行され、 サブメニューが上がったり下がったりのアニメーションを繰り返してしまいます。 この動きは、おそらく、サブメニュー部分の領域が一瞬ボタンではないと認識され、マウスアウトのアニメーションが動きだすが、やはりボタンとして認識されマウスオーバーのアニメーションが動き出す。という動きがループしてしまっているのではないかと思われますが、解決方法が見つかりませんでした。 上に記載した方法以外でも同じような動きになる作り方があればご教授ください。 宜しくお願い致します。
- 締切済み
- Flash
- javascriptでなめらかなプルダウンメニューを
javascriptを使ってFlashで作成したようななめらかな動きをするプルダウンメニューを 作成するのは出来るのでしょうか。 色々と調べてはいるのですが、下記サイトのサンプルのように クリックして直ぐにサブメニューが表示される、という方法は見つけられても 滑らかな動きを実現できる方法が見つかりません。 http://javascript.eweb-design.com/sample/s0701_1.html イメージとしては、 1.メニューをクリック 2.1秒後に上からズルズルっとサブメニューが表示される 3.メニューからマウスが離す 4.1秒後にズルズルっとサブメニューが上に戻る うまい表現方法が見つからず分りづらい質問となってしまいましたが アドバイスをいただけると助かります。宜しくお願いします。
- 締切済み
- JavaScript
- Ｅxcel 2000 でメニューバーにメニューを登録して
ポップヒントを、サブメニューに表示したいのですが どのようにすればいいのですか？ メニューバーにポップヒント（マウスポインタを合わせるとヒントが表示される）を表示させることは、できました。 サブメニューにはどうすればいいのですか？よろしくお願いします。
- ベストアンサー
- オフィス系ソフト
- auのナビゲーションの動きをするJquery
auのWebサイト http://www.au.kddi.com/ こちらのメインイメージ下のナビゲーションと 同じような動きをするJqueryプラグインを探しております。 マウスオンでメニューが下に展開して、カーソルを他のボタンに移動させると 切り替わり、吹き出しのような三角も追従する 丸×ボタンを押すと消える プラグインで良いのがありますでしょうか。 どうぞ宜しくお願い致します。
- 締切済み
- JavaScript
- ナビゲーションについてですが・・
http://www.condo.fromc.jp/flash/memo/index.html 有名なサイトですが、このページの上から5つめの、 ■スライド式メニュー (2003/11/2) コンテンツがスライドして現れるメニューです。 のサンプルなのですが、これはクリックするとスライドコンテンツが現れるというもののようですが、 これをクリックではなく、マウスを乗せるとスライドする、（マウスオーバーで動作させる）となるとどこをどう変えればいいのでしょうか？ できればこのサンプルのスクリプトを書き換えた形で教えていただきたいのですが、お詳しい方おられましたらどうかお願いいたしますm(_ _)m
- ベストアンサー
- Flash
- 動きのあるプルダウンメニューをFLASHで作成しているのですがうまくいきません
かれこれ１週間以上、FLASHで動きのあるプルダウンメニューを作成しようとしているのですが、希望の動きができずに困っています。 メインで５項目、そのうちひとつにロールオーバーで３項目のサブメニューを出したいのですが、 ●ロールオーバーでサブメニューが出てくる（ムービー）。 ●メインメニューとサブメニューを合わせたヒット領域からロールアウトでサブメニューが引っ込む（ムービー）。 ●メインのその他のメニューにマウスオーバーすると上記サブメニューが引っ込む。 ●サブメニューにマウスオーバーすると色味が変わり、リンクへ飛べる。 上記４項目をすべて満たす動きができません...。ロールオーバー/アウトの設定はできてもサブメニューの色味が変わらなかったり。サブメニューを持つメインメニューや、他のメインメニューにマウスオーバーするたびに、サブメニューが開いたり。 動きのないプルダウンメニューはできるので、サブメニューが出てくるムービーの扱い方の問題だとは思うのですが... 検索して調べたのですが、なかなか同条件の質問が見つからず、なかなかわかりにくい説明だとは思いますが、お分かりになる方、お教えください。
- 締切済み
- その他(ソフトウェア)
- 滑らかに開閉するメニューを作りたいのですが。
自分で調べてみたのですが解決する事が出来ませんでしたので、どなたかお力を貸して下さい。 マウスのオン・オフで、隠れているメニューが閉じたり開いたりするものを作りたいのです。 http://hyper-text.org/archives/2006/12/slide_menu_javascript.shtml 上記のサンプルが非常に近いのですが、理想としては ・メニュー1 ・メニュー2 ・メニュー3 ・メニュー4 となっている場合、メニュー1にマウスを乗せると ・メニュー1 ・サブメニューA ・サブメニューB ・サブメニューC ・サブメニューD と表示され、更にサブメニューAにマウスを乗せると ・メニュー1 ・サブメニューA ・サブサブメニュー1 ・サブサブメニュー2 ・サブサブメニュー3 というような表示を滑らかな動きで閉じたり開いたりするように表示させたいのですが可能なのでしょうか？ 参考サイト等ありましたら教えていただけると助かります。 以上宜しくお願いいたします。
- ベストアンサー
- JavaScript
- http://www.axis-hair.com/
http://www.axis-hair.com/ こちらのサイトのヘッダー部分？にあたるところのスライドショー部分なのですが、スライドショーしている画像の中にメニューバーみたいにメニュー表示がされていてしかもマウスを近づけると画像が入れ替わるみたいな感じにしたいのですが、どのようにソースを組めばいいのでしょうか？ サイトでいろいろ検索してみてもこれ！！っていうのがなかなか見つからないんです・・・。 どうか、ご教授お願いします。
- 締切済み
- JavaScript
- これはGIFアニメ？
ホームページ作成の技術について質問です。 http://www.bankatharrington.com/ 上のサイトのの上部にあるメニューのように、マウスを乗せるとメニューが出てくるのはGIFアニメーションでしょうか？このようなメニューを作りたいのですが。Flashでもできますか？解説サイト等ありましたら教えていただけるとありがたいです。
- ベストアンサー
- その他（インターネット・Webサービス）
- 文字の上に乗せると、メニューが変わる仕組み
下記のアドレスはWall street Journalのサイトです。 http://jp.wsj.com/ 上のメニューの仕組みについて教えて頂きたいのですが… 例えば、「米国」の上に乗せると、 下のサブメニューが代わり、「経済」「政治」となりますよね。 これを自分のホームページでも作りたいのです。 JavaScriptで作っているのでしょうか？ ソースはどんな感じでしょうか？
- ベストアンサー
- CSS
お礼
ありがとうございます。 なるほど、CSSで表示したり消したりしているのですね。JavaScriptだけでなんとかしたかったのですが難しそうですね。もっと勉強します。