- 締切済み
ツリ~のメニュー
ツリー型のメニューを設置したいのですが・・・ どうすればいいですか? ちなみに、クリックすると増えていく、と言った感じに したいのですが・・・。 (例) メニュー |_掲示板 普段はこうだが・・・・ メニュー |_掲示板 ←ここをクリックすると |_初心者用 下の3種類の掲示板が出てくる、のような感じで。 |_中級者用 |_上級者用 このようなツリー型メニューの作り方を知っている方は教えてください。 例として http://www.kpcnet.co.jp/~takaya/w_canvas/index_file/tree_jp.html のサイトのようなメニューにしたいんです。タグなど教えてください。
- smile1128
- お礼率23% (9/38)
- その他(インターネット接続・通信)
- 回答数2
- ありがとう数2
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- cool_
- ベストアンサー率31% (314/1005)
先頭に<DD>を追加すると 後ろに下がります。 <dd><a href="index1.htm"><font class="sub">|_初心者用</font></a><br> クール
- cool_
- ベストアンサー率31% (314/1005)
こんなので どうでしょうか (^_^;) クール 以下を試してください。 <html> <head> <meta name="hom" content="http://cool.px.to"> <title>メニュー</title> <style type="text/css">body { text-indent: 1pt } a:link { color: #0000ff; text-decoration: none } a:visited { color: #000080; text-decoration: none } a:active { color: #ff00ff; text-decoration: none } a:hover { color: #ff0000; text-decoration: none } </style> <SCRIPT> <!-- if((navigator.appName=="Microsoft Internet Explorer") && (navigator.appVersion.charAt(0) >= 4) && (navigator.appVersion.toUpperCase().indexOf("WIN",0) != -1)) { document.write("<link rel=stylesheet>"); } function extendmenu(a) { // 展開縮小関数 if (a.style.display =='') { a.style.display = 'none'; // noneは非表示にする } else { a.style.display=''; // 表示させる } } // --> </SCRIPT> </head> <body background bgcolor="#C1FFC1"> <font onmouseover="extendmenu(ar0);" style="CURSOR: hand">-MENU-</font><br> <dl id="ar0" style="DISPLAY: none; MARGIN-TOP: 0pt"> <table border="0" cellspacing="0"> <tbody> <tr> <td nowrap><font onclick="extendmenu(ar2);" style="CURSOR: hand">|_掲示板</font></td> </tr> <tr> <td nowrap> <dl id="ar2" style="DISPLAY: none; MARGIN-TOP: 0pt"> <a href="index1.htm"><font class="sub">|_初心者用</font></a><br> <a href="index2.htm"><font class="sub">|_中級者用</font></a><br> <a href="index3.htm"><font class="sub">|_上級者用</font></a><br> <a href="index4/htm"><font class="sub">|_番外編</font></a> </dl> </td> </tr> <tr> <td nowrap><font onclick="extendmenu(ar3);" style="CURSOR: hand">|_チャット</font></td> </tr> <tr> <td nowrap> <dl id="ar3" style="DISPLAY: none; MARGIN-TOP: 0pt"> <a href="index1.htm"><font class="sub">|_初心者用</font></a><br> <a href="index2.htm"><font class="sub">|_中級者用</font></a><br> <a href="index3.htm"><font class="sub">|_上級者用</font></a><br> <a href="index4/htm"><font class="sub">|_番外編</font></a> </dl> </td> </tr> </tbody> </table> </dl> </body> </html>
関連するQ&A
- メニューの追加のことで。
ツリ~型メニューのことです。 この間、ツリー型メニューのタグ 掲示板 |_初心者 |_中級者 チャット |_初心者 |_中級者 この形のツリー型のタグを教えてもらったんですが、今度は 単独でメニュー(リンク)を置きたいのですが・・・。 ↓つまり、こういうことです! 掲示板 |_初心者 チャット |_初心者 日記 ←これをプラス。ツリー型にはしないで このままリンクしたい! このようにするにはどうしたらいいでしょうか? どのようなタグを追加すればいいですか? 教えてください。 よろしくお願いします。
- ベストアンサー
- その他(インターネット接続・通信)
- ツリー型メニューに詳しい人、教えてください。
私のHPは3分割に分かれたフレームのサイトです。 (left header main でわかれています) そこで教えてほしいのですが、私は自分のサイトに ツリー型のメニューを置きたいんです。 そこで、この間質問してこの形のメニュー↓ (図1) 掲示板 ←ここをクリックすると |_初心者 ←これが出てくる |_中級者 ← チャット |_初心者 |_中級者 の作り方を教えてもらいました。そこでまた質問なんですが 今度はツリー型に単独のものを入れたいんです。 どーいうものかというと、 (図2) 掲示板 |_(1) |_(2) チャット |_(1) |_(2) 日記 ←これをプラス。ツリー型にはしないでこれをクリックすると そのままリンク先にジャンプするようにしたい。 この形にしたいんです。どのようなタグ(JAV?)が必要なんでしょうか? 図(1)までのJAVは教えてもらったので、追加するJAVを 教えてください。 それから、その単独のリンクを3分割のフレーム中、mainに表示 させたいのですが・・・そのためのJAVも教えてください。 意味不明な内容だとは思いますがどうぞよろしくお願いします。
- 締切済み
- Java
- ツリーメニューについて
私はクリックすると下に文字が出るツリーメニューを使ったのですが クリックすると下に文字が出、かつフレームで二分割した右側に他のページを表示させる方法が知りたいです。 拙い説明で申し訳ありません。 HTMLタグは大体は理解していると思います。javascriptはまだよく分かっていません。 ツリーメニューも付け焼刃で使っています。 なので、参考にできそうなサイト様をお教えいただくか もしくは細かく説明していただけるとありがたいです。 サイトのURL:http://artclub.ojaru.jp/frame.html よろしくお願いします。
- ベストアンサー
- JavaScript
- サブメニュー?の作り方教えてください。
具体的なページを例にしてしまって申し訳ないのですが以下のページ http://www.geocities.jp/katsurarugby/ の、左側にある「選手紹介」や「予定・結果」をクリックするとサブメニューのようなものが表示されますがあれはどのようにしたら作れるのでしょうか? HTMLタグとかでできるのでしょうか?それとも何か高度な技術が必要ですか? 教えてください。
- 締切済み
- ホームページ作成ソフト
- 開閉式ツリー型メニューについて
こちらのサイトの↓ http://f32.aaa.livedoor.jp/~azusa/index.php?t=js&p=tips_node 開閉式ツリー型メニュー(ロールオーバーあり)を参考にメニューを作ったのですが、 リンク先へ飛ぶと元の畳まれたメニューになってしまうのです。 クリックをしてメニューが開いた状態を保ちながら 次のページにも反映される様にするにはどうしたら良いでしょうか? ジャバもクッキーも調べてみたのですが、どうにも初心者の私には難しくて理解が困難でした; 誰かお願いいたします。
- ベストアンサー
- JavaScript
- ツリー型、階層型メニューが重なってしまう
自分でHPを開設していて困った事があるのですが、 ツリーメニューを複数使用する場合に、重なってしまい困っています。 メニュー1 ├説明 ├掲示板 ├○○ ├○○ └戻る メニュー2 ├メイン ├リンク └戻る ↑のように表示させたいのですが、メニュー1を開いた時にメニュー2に重なってしまい困っています。 他のサイトさんを調べてみると、メニュー1をクリックした時、メニュー2がちゃんと下にずれているのですが…。 どなたか解決策をご存知でしたら是非教えていただきたいです。 ヒントでも構いません><
- 締切済み
- その他(インターネット・Webサービス)
- ツリー式メニュー
自分のHP内にツリー式メニュ―(三段)を設置したいんですが、 クリックしていくごとに↓のように表示されるものを 作りたいんです。 ■メニュー ┣■A ┃ ┣■リンク1 ┃ ┣■リンク2 ┣■B ┃ ┣■リンク3 ┃ ┣■リンク4 ┃ ちなみに■部分は画像を使っています。 二段目までのツリー表示は出来るんですが…。 どなたか分かる方、お願いします。
- 締切済み
- JavaScript
- このようなメニューはどのようにして作成するのでしょうか・・・
メニューをクリックするとページは飛ばずにメニューの下にサブメニューみたいなものを表示させるにはどうすればよいのでしょうか? 例:http://www.pc-koubou.jp/ ここの左下にあるラインナップのメニュー 初心者的な質問をお許しください
- ベストアンサー
- CSS
- 次々と展開するこんなメニュー
イオンのホームページの下記のような感じで展開できるjavascript版のメニューを探しています。 http://www.aeon.jp/shop/index.html どこかにサンプルはないでしょうか。
- 締切済み
- JavaScript
- ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「
ホームページの上部のメニューについて、「プルダウン形式のメニュー」と「階層ごとのメニュー」どっちがいいでしょうか? ■プルダウンメニュー メリット: ・どこのページにいてもワンクリックで目的とするページに移動可能。 ・通常はメニューが格納されており、見た目が整理されている。 デメリット: ・クリックするつもりがなくてもマウスが触れた時点でプルダウンメニューが広がる。 ・整理されている分、どんなページがそのサイト内にあるのか一目では分からない。 参照サイト: http://www.jiji.com/ http://jp.myspace.com/ http://finance.yahoo.com/ http://toyota.jp/index.html http://www.nissan.co.jp/index.html http://recipe.gnavi.co.jp/ http://www.asahi.com/ http://www.47news.jp/ ■階層ごとのメニュー メリット: ・サイト内の現在位置が分かりやすく、同カテゴリ内のページには移動しやすい。 ・カテゴリ内にどのようなページが存在するのか一覧表示されている為わかりやすい。 デメリット: ・目的とするページに移動する際、2クリックを要する場合あり。 ・1段目の大リンク、2段目の小リンクとなっていてリンクが多い 参照サイト: http://news.livedoor.com/ http://headlines.yahoo.co.jp/hl http://www.nicovideo.jp/ http://www.rakuten.co.jp/ http://plusd.itmedia.co.jp/mobile/ http://www.dmm.com/ http://www.hangame.co.jp/
- ベストアンサー
- アンケート
補足
この間、ツリー型メニューのタグ 掲示板 |_初心者 |_中級者 チャット |_初心者 |_中級者 この形のツリー型のタグを教えてもらったんですが、 今度は 単独でメニュー(リンク)を置きたいのですが・・・。 ↓つまり、こういうことです! 掲示板 |_初心者 チャット |_初心者 日記 ←これをプラス。ツリー型にはしないで このままリンクしたい! このようにするにはどうしたらいいでしょうか? どのようなタグを追加すればいいですか? 教えてください。 よろしくお願いします。