サンプルページ　　　階層メニュー 5h

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　階層ﾒﾆｭｰ 5h　hr_menu5h.htm

ﾏｳｽｵｰﾊﾞｰで縦横に展開の階層ﾒﾆｭｰ。　　　横長ﾀｲﾌﾟ。　　　　　　DHTML。　　　　　　ﾒﾆｭｰ構成、ﾊｲﾊﾟｰﾘﾝｸ、などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all、対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。　

< ご使用方法 >

・　ﾛｰｶﾙ（=PC）への保存は、hr_menu5h.htm（JavaScript実装ﾌｧｲﾙ）、5000h.js（JavaScriptｿｰｽ）、5001h.js（JavaScriptｿｰｽ、ﾊｲﾊﾟｰﾘﾝｸﾒﾆｭｰを記述）、d_dbarrow.gif、d_vlarrow.gif、dbarrow.gif を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]－[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このDHTMLの実装方法は、hr_menu5h.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1)を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

　･　編集方法は、hogehoge.html を WordPad や SmipleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　下記の（例） (*1) と、(*2)～を参考に太字部分の編集を任意に行います。　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x～などで開いて。　　　　更新の確認は、ie、Safariやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieで [F5]ｷｰを押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.jsなども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

(*1) ：　　hr_menu5h.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

<title>サンプルページ　　階層メニュー 5h</title>

(*2) ：　hr_menu5h.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

追加記述します。

==== この間､説明を省略｡ ====

<script

type="text/javascript" src="5000h.js"></script>

<p>Your browser does not support script</noscript> </p>　

(*3) ：　5001h.js （例）　　　　　　　　ﾒﾆｭｰ構成、ﾊｲﾊﾟｰﾘﾝｸの設定ﾌｧｲﾙ。　　ﾃｷｽﾄｴﾃﾞｨﾀｰで編集、使用。　　

HTMLの編集方法　

(*3)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分を編集、使用。

〔この列ﾍﾟｰｽﾄ不要〕

初期表示ﾒﾆｭｰ数

配色

枠線ｻｲｽﾞ

ﾌｫﾝﾄ

ﾌｫﾝﾄｻｲｽﾞ

細字　　1=太字

非斜文字　1=ｲﾀﾘｯｸ体

ﾒﾆｭｰ左詰め配置

水平重ね

縦横ｵﾌｾｯﾄ

枠内余白

初期ﾒﾆｭｰ横

列ﾌﾚｰﾑ　

痕跡時間　（ms）

ﾒﾆｭｰ上配置

ﾀｰｹﾞｯﾄﾌﾚｰﾑ

ﾒﾆｭｰID　ﾒﾆｭｰ文字　URL　直下層ﾒﾆｭｰ数　ﾒﾆｭｰｻｲｽﾞ

以下、同様の編集で、追加・削除・変更を。

==== この間､説明を省略｡ ====

var NoOffFirstLineMenus=5; // Number of first level items

var LowBgColor='#F2ECFA'; // Background color when mouse is not over

==== この間､説明を省略｡ ====

var BorderWidth=1; // Border width

var BorderBtwnElmnts=1; // Border between elements 1 or 0

var FontFamily="MS PGothic,MS Gothic" // Font family menu items

var FontSize=10; // Font size menu items

var FontBold=0; // Bold menu items 1 or 0

var FontItalic=0; // Italic menu items 1 or 0

var MenuTextCentered='left'; // Item text position 'left', 'center' or 'right'

var MenuCentered='left'; // Menu horizontal position 'left', 'center' or 'right'

var MenuVerticalCentered='top'; // Menu vertical position 'top', 'middle' or 'bottom'

var ChildOverlap=.1; // horizontal overlap child/ parent

var ChildVerticalOverlap=.1; // vertical overlap child/ parent

var StartTop=1; // Menu offset x coordinate

var StartLeft=1; // Menu offset y coordinate

var VerCorrect=0; // Multiple frames y correction

var HorCorrect=0; // Multiple frames x correction

var LeftPaddng=3; // Left padding

var TopPaddng=2; // Top padding

var FirstLineHorizontal=1; // First level items layout horizontal 1 or 0

var MenuFramesVertical=1; // Frames in cols or rows 1 or 0

var DissapearDelay=300; // delay before menu folds in

var TakeOverBgColor=1; // Menu frame takes over background color subitem frame

var FirstLineFrame='head'; // Frame where first level appears

var SecLineFrame='head'; // Frame where sub levels appear

var DocTargetFrame='main'; // Frame where target documents appear

==== この間､説明を省略｡ ====

// MenuX=new Array(Text to show, Link, background image (optional), number of sub elements, height, width);

// For rollover images set "Text to show" to: "rollover:Image1.jpg:Image2.jpg"

Menu1=new Array("ﾒﾆｭｰ 1","http://www.xxxx.xx.jp/xxxxx/xxxxx.html","",6,20,150);

==== この間､説明を省略｡ ====

< 補足 >　　　　適時参照あれ！。

・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。