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

以下、自由ｺﾝﾃﾝﾂ（HTML）を記述。　　ﾃｷｽﾄ（例）。　　----------------------------------------------------------------　----------------------------------------------------------------　　----------------------------------------------------------------　----------------------------------------------------------------　　----------------------------------------------------------------

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

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

< ご使用方法 >

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

　・　このDHTMLの実装方法は、hr_menu5v.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_menu5v.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

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

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

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

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

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

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

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

HTMLの編集方法　

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

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

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

追加記述します。

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

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

(*3) ：　5001v.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="MSP Gothic,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=0; // Menu offset x coordinate

var StartLeft=0; // 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=0; // 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='left'; // Frame where first level appears

var SecLineFrame='left'; // 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);

Menu1_1=new Array("太陽風ДζΨΠ∀","index2.html","",5,20,150);

Menu1_1_1=new Array("WebSite211","http://www.xxxx.xx.jp/xxxxx/xxxxx.html","",6,20,150);

Menu1_1_1_1=new Array("Google-日本","http://www.google.com/intl/ja/","",0,20,150);

Menu1_1_1_2=new Array("NHK-FM番組","http://www.nhk.or.jp/hensei/fm/","",0);

Menu1_1_1_3=new Array("WindowsMedia－Radio","http://windowsmedia.microsoft.com/mg/Radio.asp?","",0);

Menu1_1_1_4=new Array("WebSite1114","http://www.xxxx.xx.jp/xxxxx/xxxxx.html","",0);

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

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

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