OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

ツリ~のメニュー

  • すぐに回答を!
  • 質問No.129714
  • 閲覧数45
  • ありがとう数2
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 23% (9/38)

ツリー型のメニューを設置したいのですが・・・
どうすればいいですか?
ちなみに、クリックすると増えていく、と言った感じに
したいのですが・・・。

(例)
メニュー
|_掲示板         普段はこうだが・・・・   
  
メニュー
|_掲示板     ←ここをクリックすると 
  |_初心者用    下の3種類の掲示板が出てくる、のような感じで。
  |_中級者用
  |_上級者用 

このようなツリー型メニューの作り方を知っている方は教えてください。

例として
http://www.kpcnet.co.jp/~takaya/w_canvas/index_file/tree_jp.html
のサイトのようなメニューにしたいんです。タグなど教えてください。
通報する
  • 回答数2
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全2件)

  • 回答No.1
レベル13

ベストアンサー率 31% (311/991)

こんなので どうでしょうか (^_^;) クール 以下を試してください。 <html> <head> <meta name="hom" content="http://cool.px.to"> <title>メニュー</title> <style type="t ...続きを読む
こんなので どうでしょうか (^_^;)

クール

以下を試してください。

<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>
補足コメント
smile1128

お礼率 23% (9/38)

この間、ツリー型メニューのタグ

掲示板
 |_初心者
 |_中級者
チャット
 |_初心者
 |_中級者

この形のツリー型のタグを教えてもらったんですが、
今度は 単独でメニュー(リンク)を置きたいのですが・・・。
↓つまり、こういうことです!

掲示板
 |_初心者
チャット
 |_初心者
 日記     ←これをプラス。ツリー型にはしないで
         このままリンクしたい!

このようにするにはどうしたらいいでしょうか?
どのようなタグを追加すればいいですか?
教えてください。
よろしくお願いします。
投稿日時 - 2001-09-06 22:30:20

  • 回答No.2
レベル13

ベストアンサー率 31% (311/991)

先頭に<DD>を追加すると 後ろに下がります。 <dd><a href="index1.htm"><font class="sub">|_初心者用</font></a><br> クール
先頭に<DD>を追加すると 後ろに下がります。

<dd><a href="index1.htm"><font class="sub">|_初心者用</font></a><br>

クール
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
このQ&Aにこう思った!同じようなことあった!感想や体験を書こう
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ