- ベストアンサー
自動でプルダウン
HP作成に関する質問なのですが。 ポインターを乗せるだけで、自動で(クリックなしで)プルダウンのように、数個のメニュー(リンク)が開き、開いたメニューをポインターで選択して、クリックすれば、ジャンプ出来る。 とゆうサイトを見かけました。 ソースを参照しても、解読出来なかったので、 質問させていただきます。 html,JavaScript,の範囲で、上記の事が可能でしょうか? サンプルとしてのタグを教えていただくと助かります。 よろしくおねがいします
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
こんにちは。 これは、CSS(カスケーディグ・スタイル・シート)と、JavaScript、htmlで作成が可能です。 いわゆる、ダイナミックHTMLと呼ばれるもの。 ただ、見た目に凝る場合、相当ソースが多くなるので、サンプルとしてここに書き切る事はできないので、参考になりそうなURLを。 ・英語サイト http://www.dansteinman.com/dynduo/ *DynAPI Widgetsの18番、MenuList参照 http://popup.jscentral.com/ かなり高度なメニュー。 ・日本語サイト http://www2s.biglobe.ne.jp/~club_tom/ の、javascript講座→サンプルプログラム→ハイパーリンク の一番下の11番が該当するかな。 ここはサンプルをダウンロードできるので、とても良いサイトです。 ご参考になれば幸いです。
その他の回答 (3)
- onimotsu
- ベストアンサー率36% (279/758)
たぶんこれのことだと思いますので参考URLをご覧ください。 (JavaScriptを使っているようです) 縦長と横長がありますのでご確認ください。 縦長 http://www5.justnet.ne.jp/~woka/hr_menu4v.htm 横長 http://www5.justnet.ne.jp/~woka/hr_menu4h.htm
- ToshiJP
- ベストアンサー率38% (482/1255)
英語サイトですが、、、おそらくご希望通りのものだと思います。私はこれ使ってメニューを作った経験がありますが、位置やら色も簡単に変えれて便利でした。 下のURLの「DEMO」と書かれている下の Webmaster Links と News Sites にマウスを合わせてみてください。メニューがでます。これはテキストリンクでなくとも画像でも代替できます。 使い方は最初のSTEP1のBOXに入っているスクリプトを<HEAD></HEAD>の間に埋め込みます。その後でSTEP2のBOXのスクリプトを<BODY>タグ内の適当な位置に貼り付けてみてください。 改良方法はスクリプト自体を見ていけばわかると思います。
- ToshiJP
- ベストアンサー率38% (482/1255)
英語サイトですが、、、おそらくご希望通りのものだと思います。私はこれ使ってメニューを作った経験がありますが、位置やら色も簡単に変えれて便利でした。 下のURLの「DEMO」と書かれている下の Webmaster Links と News Sites にマウスを合わせてみてください。メニューがでます。これはテキストリンクでなくとも画像でも代替できます。 使い方は最初のSTEP1のBOXに入っているスクリプトを<HEAD></HEAD>の間に埋め込みます。その後でSTEP2のBOXのスクリプトを<BODY>タグ内の適当な位置に貼り付けてみてください。 改良方法はスクリプト自体を見ていけばわかると思います。