サンプルページ　　フレーム16m

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾌﾚｰﾑ16ﾒｲﾝ　　fr16_m.htm　（作成手順・初期下ﾌﾚｰﾑﾍﾟｰｼﾞ）

Windows2000のｻｲﾄ風の、縦横ﾌﾚｰﾑ+3Dﾄｯﾌﾟﾅﾋﾞﾊﾞｰです。　　　　DHTML。　　　　　ﾌｪｰﾄﾞ効果（残像）や痕跡色、配色のｶｽﾀﾏｲｽﾞ可、ｱｲｺﾝ。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。　　　関連、参考情報：ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ15、ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ15v、ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ15vﾌﾚｰﾑ、ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ14、上下ﾌﾚｰﾑ14、縦型（階層ﾒﾆｭｰ）14、縦型（階層ﾒﾆｭｰ）ﾌﾚｰﾑ14

ﾃﾞﾓは、上左ﾌﾚｰﾑ : fr16ｈv.htm　を開いて。　　　　※：ﾘﾝｸﾍﾟｰｼﾞｵｰﾌﾟﾝ後のﾒﾆｭｰ展開は、[　←　戻る　]　ﾎﾞﾀﾝのﾏｳｽｵｰﾊﾞｰで可。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、fr16ｈv.htm（上左ﾌﾚｰﾑ）、fr16_h.htm（上ﾌﾚｰﾑ）、fr16_l.htm（左ﾌﾚｰﾑ）、fr16_m.htm（作成手順・初期下ﾌﾚｰﾑﾍﾟｰｼﾞ）、9400.js（JavaScriptｿｰｽ）、9400h.js（上ﾌﾚｰﾑJavaScript）、9400l.js（左ﾌﾚｰﾑJavaScript）、9400m.js（中ﾌﾚｰﾑのﾒﾆｭｰ記述ﾌｧｲﾙ）、arrow.gif（ → 画像）、arrowdn.gif（↓画像）、〔参考 : site1.gif、site1_over.gif 〕を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]－[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このﾌﾚｰﾑの制作方法は、fr16ｈｖ.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、 <html>　～　</html> に (*1) をﾍﾟｰｽﾄし、ﾌﾚｰﾑｻｲｽﾞなどを、 WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。　　　　※: 太字、彩色自体は動作に無関係。

　・　このDHTML（ﾅﾋﾞﾒﾆｭｰ）の編集は、9400h.js（上ﾌﾚｰﾑJavaScript）、9400l.js（左ﾌﾚｰﾑJavaScript）、(*2) : 9400m.js（中ﾌﾚｰﾑのﾒﾆｭｰ記述ﾌｧｲﾙ）を参照。　　　ﾎｰﾑへ　…、以下の説明部分は削除して使用。

　・　初期に表示させる下ﾍﾟｰｼﾞは、【初期・デフォルトでフレームに表示するページ】を参考に、fr16ｈｖ.htm（上左ﾌﾚｰﾑ）中の記述を、src="fr16_m.htm"（例）から任意のﾌｧｲﾙ名に変更します。　　　上ﾍﾟｰｼﾞ、src="fr16_h.htm"、左ﾍﾟｰｼﾞ、src="fr16_l.htm"、も同様に。

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

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

　･　関連情報：色記号、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web & Internet Samples、Online Columns、XML、DHTMLとは？、ColorTable、HTMLの色指定、色見本。

(*1) ：　fr16ｈｖ.htm （例）　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集、使用します。　　

　HTMLの編集方法　

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

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

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

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

ﾌﾚｰﾑﾈｰﾑの宣言：target=に記述し使用。

ﾀｰｹﾞｯﾄ
frame name：main など
新しいWin ： _blank
同じﾌﾚｰﾑ： _self
ﾍﾟｰｼﾞ全体： _top
親ﾌﾚｰﾑ： _parent

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>サンプルページ　　フレーム16</title>

</head>

</FRAMESET>

<body>

<p>ここに、サイト=ページの紹介文などを記述します。　検索エンジンの、”サマリー”に表示されたりします。　検索キーワードも抽出されます。</p>

</body>

</NOFRAMES>

</FRAMESET>

【タイトル】

<title>xxxxxxのページ</title>　　　※：タスクバーや、タイトルバー、お気に入りなどに表示される文字列。　

【枠線】　

frameborder="0"　　　　　　※：1=枠幅　

framespacing="1" 　　　　　※：0 =境界線を掴めなくなります。

【スクロールバー】

scrolling="auto" 　　　　※：auto=スクロールバー自動表示　no =　　〃　　非表示（メニューのフレームなどに使用）　

【フレームサイズ】

scrolling="auto" noresize>　※：固定は、noresize を追加。

rows="220,*"　　　　　　　※：フレーム行高さ、ピクセル（Winサイズ変化に非変化、解像度で変化）　　　

rows="30％,*"　　　　　　※：フレーム行高さ、Winサイズ比（スクリーン、Winサイズ変化で変化）

【表示先】

target="main"　　　　　　　※：<frame name="main"　メイン（下）フレームに表示する。

target="_self"　　　　　　 ※：<frame name="main"　同じ（下）フレームに表示する。

【初期・デフォルトでフレームに表示するページ】

src="xxx.htm"　　　　　　 ※：同じ階層に配置したファイル名や、別階層、ドメインに配置したURL+ファイル名。

</html>

(*2) ：　9400m.js（中ﾌﾚｰﾑのﾒﾆｭｰ記述ﾌｧｲﾙ）（例）　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集しhogehoge.htmlと同ﾃﾞｨﾚｸﾄﾘｰに転送・配置します。　

　*.css、*.jsの編集方法　

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

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

ﾌｪｰﾄﾞ効果

配色　※: 色記号、2

ｻﾌﾞﾒﾆｭｰｵﾌｾｯﾄ

ﾌｫﾝﾄ

ｱｲｺﾝ画像ﾌｧｲﾙ名

痕跡色

ﾒﾆｭｰｾﾙ名・ｻｲﾄ名　ﾒﾆｭｰID

罫線あり=1、なし=0

ﾒﾆｭｰID　　ｻｲｽﾞ　　配置

ｻｲﾄ名

ﾊｲﾊﾟｰﾘﾝｸ ｽﾃｲﾀｽﾊﾞｰに表示ﾃｷｽﾄ

ﾘﾝｸﾒﾆｭｰ数の加減は、”ｻｲﾄ … ”の行の追加、削除で。　　以下、同様。

このﾍﾟｰｼﾞを印刷

ｱｲｺﾝ画像ﾌｧｲﾙ名

滲み・溶暗効果

Milonic DHTML Website Navigation Menu

Please visit http://www.milonic.co.uk/menu or e-mail menu3@milonic.com for more information.

The Free use of this menu is only available to Non-Profit, Educational & Personal web sites.

Commercial and Corporate licenses are available for use on all other web sites & Intranets.

All Copyright notices MUST remain in place at ALL times and, please keep us informed of your

intentions to use the menu and send us your URL.

If you are having difficulty with the menu please read the FAQ at http://www.milonic.co.uk/menu/faq.php before contacting us.

Please note that the above text CAN be erased if you wish as long as copyright notices remain in place.

//The following line is critical for menu operation, and MUST APPEAR ONLY ONCE. If you have more than one menu_array.js file rem out this line in subsequent files

menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<script language=javascript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="</script>";_d.write(mt)}

//Please leave the above line intact. The above also needs to be enabled if it not already enabled unless this file is part of a multi pack.

////////////////////////////////////

// Editable properties START here //

////////////////////////////////////

// Special effect string for IE5.5 or above please visit http://www.milonic.co.uk/menu/filters_sample.php for more filters

if(navigator.appVersion.indexOf("MSIE 6.0")>0){

effect = "Fade(duration=0.2);Alpha(style=0,opacity=88);Shadow(color='#777777', Direction=135, Strength=5)"

}

else{

effect = "Shadow(color='#777777', Direction=135, Strength=5)"

}

timegap=500 // 残像遅延時間 The time delay for menus to remain visible

followspeed=5 // Follow Scrolling speed

followrate=40 // Follow Scrolling Rate

suboffset_top=2; // ｻﾌﾞﾒﾆｭｰ縦ｵﾌｾｯﾄ　　　Sub menu offset Top position

suboffset_left=-3; // ｻﾌﾞﾒﾆｭｰ横ｵﾌｾｯﾄ　　　 Sub menu offset Left position

Frames_Top_Offset=0 // ﾌﾚｰﾑﾍﾟｰｼﾞ縦ｵﾌｾｯﾄ　　Frames Page Adjustment for Top Offset

Frames_Left_Offset=-36 // ﾌﾚｰﾑﾍﾟｰｼﾞ横ｵﾌｾｯﾄ　　 Frames Page Adjustment for Left Offset

plain_style=[ // Menu Properties Array

"1B002F", // Mouse Off Font Color

"F0ECED", // Mouse Off Background Color

"5B0009", // Mouse On Font Color

"DDDAE8", // Mouse On Background Color

"999999", // Menu Border Color

12, // Font Size in pixels

"normal", // Font Style (italic or normal)

"normal", // Font Weight (bold or normal)

"MSP Gothic,MS Gothic", // Font Name

4, // Padding

"arrow.gif" // Sub Menu Image

, // 3D Border & Separator

,"66ccff" // 3D High Color

,"4E0065" // 3D Low Color

]

// "Description Text", "URL", "Alternate URL", "Status", "Separator Bar"

addmenu(menu=["list1",,,100,1,"",plain_style,,"left",effect,,,,,,,,,,,,

,"ｻｲﾄ 11","show-menu=list11",,,1

,"ｻｲﾄ 12","show-menu=list12",,,1

,"ｻｲﾄ 13","http://www./……/xxx.html",,,1

,"ｻｲﾄ 14","http://www./……/xxx.html",,,1

,"ｻｲﾄ 15","http://www./……/xxx.html",,,1

,"ｻｲﾄ 16","http://www./……/xxx.html",,,1

,"ｻｲﾄ 17","http://www./……/xxx.html",,,1

])

addmenu(menu=["list11",,,140,1,"",plain_style,,"left",effect,,,,,,,,,,,,

　　　 ," Google日本","http://www.google.com/intl/ja/",,"＼^o^／　最新、超高速のｻｰﾁｴﾝｼﾞﾝ搭載　♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪　　=（゜。.゜）=　　",1

　　　 ," WinMedia Guide","http://windowsmedia.microsoft.com/mg/home.asp?",,"ﾑｰﾋﾞｰ・♪・ｴﾝﾀｰﾃｲﾒﾝﾄ・Radio - ﾏﾙﾃｨﾒﾃﾞｨｱ",1

　　　 ," msn Music Stations","http://entertainment.msn.com/Music/",,"♪ｼﾞｬﾝﾙ分けｸﾘｯﾌﾟ - ｽﾄﾘｰﾑ演奏",1

　　　 ," msn Radio","http://entertainment.msn.com/Stations/",,"世界のﾗｼﾞｵ - 連続演奏",1

　　　 ," msn Movie","http://entertainment.msn.com/Movies/",,"ﾆｭｰｽ・ﾄﾞｷｭﾒﾝﾄ・映画・ﾑｰﾋﾞｰｸﾘｯﾌﾟ - ﾊｲﾗｲﾄ",1

,"ｻｲﾄ 116","http://www./……/xxx.html",,,1

,"このﾍﾟｰｼﾞを印刷","javascript:self.print()",,,1

])

addmenu(menu=["list12",,,140,1,"",plain_style,,"left",effect,,,,,,,,,,,,

," 常駐ｺﾝﾃﾝﾂ6","http://xml-xsl.sakura.ne.jp/always_on_top6.htm",,,1

," IFRAME5","http://xml-xsl.sakura.ne.jp/iframe5.htm",,,1

," ﾀﾌﾞﾒﾆｭｰ5","http://xml-xsl.sakura.ne.jp/tab_menu5.htm",,,1

," ｸｰﾙﾊﾞｰ2","http://xml-xsl.sakura.ne.jp/coolbar2.htm",,,1

,"ｻｲﾄ 125","http://www./……/xxx.html",,,1

,"ｻｲﾄ 126","http://www./……/xxx.html",,,1

])

addmenu(menu=["list2",,,100,1,"",plain_style,,,effect,,,,,,,,,,,,

,"ｻｲﾄ 21","show-menu=list21",,,1

,"ｻｲﾄ 22","show-menu=list22",,,1

,"ｻｲﾄ 23","http://www./……/xxx.html",,,1

,"ｻｲﾄ 24","http://www./……/xxx.html",,,1

,"ｻｲﾄ 25","http://www./……/xxx.html",,,1

,"ｻｲﾄ 26","http://www./……/xxx.html",,,1

,"ｻｲﾄ 27","http://www./……/xxx.html",,,1

])

addmenu(menu=["list21",,,140,1,"",plain_style,,"left",effect,,,,,,,,,,,,

,"ｻｲﾄ 212","http://www./……/xxx.html",,,1

,"ｻｲﾄ 213","http://www./……/xxx.html",,,1

,"ｻｲﾄ 214","http://www./……/xxx.html",,,1

,"ｻｲﾄ 215","http://www./……/xxx.html",,,1

,"ｻｲﾄ 216","http://www./……/xxx.html",,,1

,"ｻｲﾄ 217","http://www./……/xxx.html",,,1

])

addmenu(menu=["list22",,,140,1,"",plain_style,,"left",effect,,,,,,,,,,,,

,"ｻｲﾄ 221","http://www./……/xxx.html",,,1

,"ｻｲﾄ 222","http://www./……/xxx.html",,,1

,"ｻｲﾄ 223","http://www./……/xxx.html",,,1

,"ｻｲﾄ 224","http://www./……/xxx.html",,,1

,"ｻｲﾄ 225","http://www./……/xxx.html",,,1

,"ｻｲﾄ 226","http://www./……/xxx.html",,,1

])

addmenu(menu=["list3",,,100,1,"",plain_style,,"left",effect,,,,,,,,,,,,

,"<img src=site1.gif border=0> ｻｲﾄ 31","show-menu=list31",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 32","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 33","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 34","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 35","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 36","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 37","http://www./……/xxx.html",,,1

])

addmenu(menu=["list31",,,140,1,"",plain_style,,"left",effect,,,,,,,,,,,,

,"ｻｲﾄ 312","http://www./……/xxx.html",,,1

,"ｻｲﾄ 313","http://www./……/xxx.html",,,1

,"ｻｲﾄ 314","http://www./……/xxx.html",,,1

,"ｻｲﾄ 315","http://www./……/xxx.html",,,1

,"ｻｲﾄ 316","http://www./……/xxx.html",,,1

,"ｻｲﾄ 317","http://www./……/xxx.html",,,1

])

addmenu(menu=["list4",,,100,1,"",plain_style,,"left",effect,,,,,,,,,,,,

,"<img src=site1.gif border=0> ｻｲﾄ 41","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 42","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 43","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 44","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 45","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 46","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 47","http://www./……/xxx.html",,,1

])

addmenu(menu=["list5",,,120,1,,plain_style,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,

,"<img src=site1.gif border=0> ｻｲﾄ 51","http://www./……/xxx.html",,"φ(.. ) - ｽﾃｲﾀｽﾊﾞｰに表示ﾃｷｽﾄ - ♪└|∵|┐♪└|∵|┘♪┌|∵|┘♪",1

,"<img src=site1.gif border=0> ｻｲﾄ 52","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 53","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 54","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 55","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 56","http://www./……/xxx.html",,,1

,"<img src=site1.gif border=0> ｻｲﾄ 57","http://www./……/xxx.html",,,1

])

dumpmenus()

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

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