• ベストアンサー

自動でプルダウン

HP作成に関する質問なのですが。 ポインターを乗せるだけで、自動で(クリックなしで)プルダウンのように、数個のメニュー(リンク)が開き、開いたメニューをポインターで選択して、クリックすれば、ジャンプ出来る。 とゆうサイトを見かけました。 ソースを参照しても、解読出来なかったので、 質問させていただきます。 html,JavaScript,の範囲で、上記の事が可能でしょうか? サンプルとしてのタグを教えていただくと助かります。 よろしくおねがいします

  • HTML
  • 回答数4
  • ありがとう数0

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

  • ベストアンサー
noname#5841
noname#5841
回答No.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)
回答No.3

たぶんこれのことだと思いますので参考URLをご覧ください。 (JavaScriptを使っているようです) 縦長と横長がありますのでご確認ください。 縦長 http://www5.justnet.ne.jp/~woka/hr_menu4v.htm 横長 http://www5.justnet.ne.jp/~woka/hr_menu4h.htm

参考URL:
http://www5.justnet.ne.jp/~woka/hr_menu4v.htm
  • ToshiJP
  • ベストアンサー率38% (482/1255)
回答No.1

英語サイトですが、、、おそらくご希望通りのものだと思います。私はこれ使ってメニューを作った経験がありますが、位置やら色も簡単に変えれて便利でした。 下のURLの「DEMO」と書かれている下の Webmaster Links と News Sites にマウスを合わせてみてください。メニューがでます。これはテキストリンクでなくとも画像でも代替できます。 使い方は最初のSTEP1のBOXに入っているスクリプトを<HEAD></HEAD>の間に埋め込みます。その後でSTEP2のBOXのスクリプトを<BODY>タグ内の適当な位置に貼り付けてみてください。 改良方法はスクリプト自体を見ていけばわかると思います。

参考URL:
http://www.dynamicdrive.com/dynamicindex1/popit.htm
  • ToshiJP
  • ベストアンサー率38% (482/1255)
回答No.2

英語サイトですが、、、おそらくご希望通りのものだと思います。私はこれ使ってメニューを作った経験がありますが、位置やら色も簡単に変えれて便利でした。 下のURLの「DEMO」と書かれている下の Webmaster Links と News Sites にマウスを合わせてみてください。メニューがでます。これはテキストリンクでなくとも画像でも代替できます。 使い方は最初のSTEP1のBOXに入っているスクリプトを<HEAD></HEAD>の間に埋め込みます。その後でSTEP2のBOXのスクリプトを<BODY>タグ内の適当な位置に貼り付けてみてください。 改良方法はスクリプト自体を見ていけばわかると思います。

参考URL:
http://www.dynamicdrive.com/dynamicindex1/popit.htm

関連するQ&A

  • 別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選

    別ページからフォームへ移動したときにプルダウンの指定のメニューを自動選択したいです! メニューページのAというメニューから予約フォームへリンクしたときにフォームのプルダウンを自動で Aメニューを選択した状態で表示したいのですが、どうしたら出来るのかわかりません。 Javascriptかphpでサンプルや参考になるページがありましたら教えてください。

  • ゆっくりと出るプルダウンを作りたいのですが、

    ゆっくりと出るプルダウンを作りたいのですが、 メニューからプルダウンがゆっくり出るwebページを作ろうと、 http://onehackoranother.com/projects/jquery/droppy/ よりソースをコピペして、一応は作ることが出来ました。 ただ、出来ればクリックしてプルダウンが出るのではなく オンマウスでプルダウンが出るようにしたいのですが、 JavaScriptはほとんど素人なのでどこをいじってよいかわかりません。 カスタマイズの仕方がわかる方がいらっしゃいましたら、お知恵を貸してください。 出来上がりを重視していますので、上記サイトのカスタマイズではなくても、他サイトで良いサンプルを掲載しているサイトがありましたら、そちらの紹介でも構いません。 よろしくお願いいたします。

  • プルダウン形式でリンク先を選ぶ

    教えてください。プルダウン形式でカテゴリに分けてその中に代表的なリンク先を入れて、クリックをすると自動的に画面遷移するようにしたいと思っています。使用しているアプリはビルダー9です。 1つのプルダウンは下記のURLのタグを貼って成功しているのですが、同じ画面に複数のプルダウンを作成して、同じようにタグを貼ってプルダウンを作成して別カテゴリのものを追加すると、2つめ以降のプルダウンのカテゴリの中にあるリンクを選んでも自動的にリンク先に飛びません。 http://www.moon.sannet.ne.jp/redcap/html/PURU-LINK.htm もうひとつ教えてください。上記のタグを貼ると同一ページでリンク先に飛びますが、別ページを開くタグを入れたいのですが、教えていただけますでしょうか。 どなたか教えてください。よろしくお願い致します。別ページで参考になるJavaScriptが書かれているページがあれば教えてください。

  • JavaScriptとCSSを使ったプルダウンメニューの作り方

    下記のようなサイトの左メニューのように、 横にプルダウンメニューが出てくるようにしたいのですが、 http://journal.mycom.co.jp/top/column/index.html JavaScriptとCSSを使ってするやり方&ソース&サンプルを 教えて下さい。 それが書かれてあるURLを教えていただいてもかまいません。

  • javascriptでなめらかなプルダウンメニューを

    javascriptを使ってFlashで作成したようななめらかな動きをするプルダウンメニューを 作成するのは出来るのでしょうか。 色々と調べてはいるのですが、下記サイトのサンプルのように クリックして直ぐにサブメニューが表示される、という方法は見つけられても 滑らかな動きを実現できる方法が見つかりません。 http://javascript.eweb-design.com/sample/s0701_1.html イメージとしては、 1.メニューをクリック 2.1秒後に上からズルズルっとサブメニューが表示される 3.メニューからマウスが離す 4.1秒後にズルズルっとサブメニューが上に戻る うまい表現方法が見つからず分りづらい質問となってしまいましたが アドバイスをいただけると助かります。宜しくお願いします。

  • プルダウン

    HTML上でプルダウンメニューを作りたいんですが、cgi無しで、普通に固定のページのそれぞれリンクをさせることって出来ないんでしょうか? 見た目だけ、プルダウン、でもメニュー選択して「GO」ボタンを押すと、普通に固定のページにジャンプ、みたいな感じです。 うまく言えないですが、可能かどうか、その方法と問題点などを教えてください。

  • テキストフィールドでのプルダウンメニュー

    テキストフィールド内で↓キーを押下すると、プルダウンメニューが表示される HPを良くみます。恐らく、JavaScriptにより実現していると思われますが、 サンプルソースあるいは参考URLを教えて下さい。これはIEのみ使用可能で ネスケは不可なのでしょうか?併せてお願いします

  • プルダウンメニューのリンク

    教えてください☆ プルダウンメニューでページ内に ジャンプすることは出来ますか? ページ内に普通にリンクする時は、 <a href="#○○">リンク</a> っていう風にするから、 プルダウンでも <OPTION VALUE="#○○"> ↑こんな風に指定したんですけど、 アップロードして試してみたら エラーになってしまいました。 プルダウンメニューでのリンクの <OPTION VALUE="★"> の★には、 「○○.html」みたいなのしか 指定できないの??

  • プルダウンメニューを設定するには?

    ホームページにマウスのポインターを置くと、プルダウンメニューが出るようにしたいのですが、どういうソースを書けばいいのでしょうか? 参考になるページを教えてください。

  • プルダウンメニュー

    今、サイトを作っているんですが、 プルダウンメニューへリンクをつけてます。 下層ページへリンクした後にブラウザの「戻る」ボタンを押すと前回の選んだ状態でリンク出来なくなります。 これをjavascriptなどで制御は出来ますか? 意味不明な質問ですいません。

専門家に質問してみよう