ツリー型のメニューを設置したいのですが・・・
どうすればいいですか?
ちなみに、クリックすると増えていく、と言った感じに
したいのですが・・・。
(例)
メニュー
|_掲示板 普段はこうだが・・・・
メニュー
|_掲示板 ←ここをクリックすると
|_初心者用 下の3種類の掲示板が出てくる、のような感じで。
|_中級者用
|_上級者用
このようなツリー型メニューの作り方を知っている方は教えてください。
例として
http://www.kpcnet.co.jp/~takaya/w_canvas/index_f …
のサイトのようなメニューにしたいんです。タグなど教えてください。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
先頭に<DD>を追加すると 後ろに下がります。
<dd><a href="index1.htm"><font class="sub">|_初心者用</font></a><br>
クール
No.1
- 回答日時:
こんなので どうでしょうか (^_^;)
クール
以下を試してください。
<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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- Visual Basic(VBA) 【ExcelVBA】動的にボタン、ボタン名を生成できますか? 7 2022/04/08 12:54
- 筋トレ・加圧トレーニング 筋トレ系の動画やサイトを見ると、例えば腕の筋トレだと、「腕立て10回×3セット、アームカール10回× 1 2022/08/12 22:54
- その他(IT・Webサービス) メニューについて 3 2022/07/12 16:06
- Excel(エクセル) [貼り付けオプション]とは? 3 2022/04/17 08:15
- その他(Microsoft Office) Microsoft Edgeの「ニュースと関心事項」についてお聞きします。 3 2023/05/22 12:08
- ノートパソコン Onlineエクセルで右クリックが使えない 1 2023/07/01 22:07
- 飲食店・レストラン 飲食店で食べ物を選ぶのに時間をかける友人。男です。例えばレストランでメニューを選ぶ際、私は30秒あれ 3 2022/10/15 08:14
- 筋トレ・加圧トレーニング 高校生女子です。 私は一年ほど前から自宅で腹筋トレーニングをしているんですが、なかなかメニューを安定 2 2022/10/06 14:22
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで任意の文字の色を...
-
横スクロールバーを表示したい
-
カラープレーンってなんですか?
-
訪問済のリンク色を変えない方法
-
テキストエリア送信の際の文字...
-
HRタグ 枠線を透明にするには?
-
<pre>~</pre>について
-
htmlの文字が縦書きになる
-
htmlのolやulなどlistにtitleや...
-
ボタンをセル内一杯に表示させ...
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
リンクを知らせる手のマークが...
-
idの中のid指定
-
<h1>、<h2>と<p><div>の行間を...
-
W3Cのソースコードの検証サービ...
-
CSS:overflow要素の印刷について
-
html の divとtable の役割
-
複数行にまたがる括弧を表示し...
-
<div id="container">の使いか...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HRタグ 枠線を透明にするには?
-
訪問済のリンク色を変えない方法
-
スマホで見ると、文字があまり...
-
<pre>~</pre>について
-
<form <input type="text"の枠...
-
マウスオーバーでの反応速度が遅い
-
JavaScriptで任意の文字の色を...
-
CSSでクラスのエイリアス(include)
-
カラープレーンってなんですか?
-
リンク部分にカーソルが来たら...
-
ホームページビルダー・表に透...
-
点線や破線を引くには
-
H2タグを使ったときの文字の背...
-
リンクの下線を消す
-
C# RichTextBoxで選択した文字...
-
smartyテンプレートの<style></...
-
リンクの文字と下線の間にスペ...
-
スクロールバーが薄いです。
-
VBAを使い塗り潰す
-
ツリ~のメニュー
おすすめ情報