サンプルページ　　　トップナビバー 45m

これ以下は、説明。　　削除や任意のHTMLの記述で。

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ45m　　top_navbar45m.htm（作成手順・初期下ﾍﾟｰｼﾞ）

ﾄﾌﾟﾅﾋﾞﾊﾞｰ・ﾌﾚｰﾑ越え展開、影付き + 上下ﾌﾚｰﾑ。　　　　　　DHTML、CSS。　　　　　　ﾊｲﾊﾟｰﾘﾝｸ、ｱｲｺﾝ、ﾒﾆｭｰ構造・構成などのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応（ＩＥ７互換表示）。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、ﾒﾆｭｰ展開、ｻｲﾄをｸﾘｯｸ、下ﾍﾟｰｼﾞに表示などで。　　　ﾌﾚｰﾑ越えﾒﾆｭｰ展開は、ｻｲﾄ1112～で。　　　　　復旧は、”< 復旧” ﾎﾞﾀﾝのｸﾘｯｸで、あるいは ”(←)戻る” ｱｲｺﾝのｸﾘｯｸや、”Alt + ←” ｷｰでも同じ。　　Winｻｲｽﾞの復旧は、[F5]ｷｰ・”更新”ｱｲｺﾝで。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、top_navbar45/ をｸﾘｯｸ開いたﾎﾙﾀﾞｰで、top_navbar45m.htm（初期下ﾍﾟｰｼﾞ・作成手順）や、top_navbar45fr.htm（上下ﾌﾚｰﾑ、DHTML実装）、top_navbar45h.htm（上ﾍﾟｰｼﾞ）、0044300.js、 0044301.js、0044300.css を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。　　　

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

　・　初期に表示させる下ﾍﾟｰｼﾞは、【初期・デフォルトでフレームに表示するページ】を参考に、top_navbar45fr.htm（上下ﾌﾚｰﾑ）中の記述を、src="top_navbar45m.htm"（例）から任意のﾌｧｲﾙ名に変更します。　　上ﾍﾟｰｼﾞsrc="top_navbar45h.htm"も同様に。　　　　※：　ｽｸﾛｰﾙﾊﾞｰの表示を自動（auto）に指定時は、初期非表示になります。

　･　ﾒﾆｭｰのﾌﾚｰﾑ越え展開させる下ﾍﾟｰｼﾞの編集方法は、top_navbar45m.htm ～ top_navbar45m20.htm をﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいはﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　下記の（例） (*2) を参考に太字部分の編集を任意に行います。

　・　ﾄｯﾌﾟﾅﾋﾞﾊﾞｰのﾊｲﾊﾟｰﾘﾝｸ・ｻｲｽﾞの編集は、top_navbar45fr.htmを、ﾄｯﾌﾟﾅﾋﾞﾊﾞｰの配色・ﾌｫﾝﾄの編集は、0044300.css をﾃｷｽﾄｴﾃﾞｨﾀｰで。

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

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

(*1) ：　top_navbar45fr.htm（例）　　　　　　　　　挿入先の　hogehoge.html（ﾌﾚｰﾑﾍﾟｰｼﾞ）にﾍﾟｰｽﾄします。

HTMLの編集方法　

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

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

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

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

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

ﾒﾆｭｰﾊﾞｰ　幅間隔　罫線色

高さ　間隔　罫線太さ　罫線色

左余白　上余白　高さ
ﾒﾆｭｰ･ｻｲﾄ名　ID　ｻﾌﾞﾒﾆｭｰ

左余白　上余白　幅

ﾒﾆｭｰ･ｻｲﾄ名　ID　ｻﾌﾞﾒﾆｭｰ

ﾒﾆｭｰ･ｻｲﾄ名　URL　ﾀｰｹﾞｯﾄ

上ﾌﾚｰﾑ高さ
上ﾍﾟｰｼﾞ　ﾀｰｹﾞｯﾄ
下ﾍﾟｰｼﾞ　ﾀｰｹﾞｯﾄ

説明文、削除可

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">
<meta http-equiv="Content-Style-Type" content="text/css">
<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"></style>

<base target="_blank">
<title>サンプルページ　　　トップナビバー 45fr</title>

<script type="text/javascript" language="JavaScript1.2" src="0044300.js"></script>
<script type="text/javascript" language="JavaScript1.2"><!--

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

//　　ﾒﾆｭｰﾊﾞｰ　　　　　　幅間隔　　　　　　罫線色　　
var hBar = new ItemStyle(100, 2, '', 0, 1, '#AEABCE', '#ACAACD', 'highText', 'highText',
'', '', null, null, 'hand', 'default');
//　　ｻｲﾄﾊﾞｰ　　　　　　高さ　間隔　　　　　罫線太さ　罫線色
var subM = new ItemStyle(22, -3, '>', -15, 1, '#AEABCE', '#ACAACD', 'lowText', 'highText',
'itemBorder', 'itemBorder', null, null, 'hand', 'default');

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

// 左余白上余白高さ
startMenu('root', false, 1, 1, 17, hBar, 'navmenu', false);
addItem(' 　ﾒﾆｭｰ　1', 'xxxx1', 'sm:');
addItem(' 　ﾒﾆｭｰ　2', 'xxxx2', 'sm:');
addItem(' 　ﾒﾆｭｰ　3', 'xxxx3', 'sm:');
addItem(' 　ﾒﾆｭｰ　4', 'xxxx4', 'sm:');
addItem('　　< 復旧　', 'top_navbar45m.htm', 'content');

// 左余白上余白幅
startMenu('xxxx1', true, 0, 'content.page.scrollY()+0', 100, subM, 'content', false);
// *** Opens a file in the frame named 'content' in this current frameset.
addItem('　ｻｲﾄ　11　　>', 'xxxx11', 'sm:');
addItem('　ｻｲﾄ　12　　>', 'xxxx12', 'sm:');
// *** Opens a file that replaces the whole frameset, pass '' as the third parameter.
addItem('　ｻｲﾄ　13', 'http://www./……/xxx.html', 'content');

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

};

//--></script>


</head>


<frameset rows="18,*" framespacing="1" border="0" frameborder="0">
<frame name="navmenu" src="top_navbar45h.htm" target="content" scrolling="auto"></frame>
<frame name="content" src="top_navbar45m.htm" target="_self" scrolling="auto"></frame>
<noframes>
<body>
<p>ここに、サイト=ページの紹介文などを記述します。　検索エンジンの、”サマリー”に表示されたりします。　検索キーワードも抽出されます。</p>
</body>
</noframes>
</frameset>


【タイトル】
<title>上下(中)　フレーム</title>　　　←　タイトルバーやタスクバー、お気に入りに表示される文字。　下(中)=下に”naka.htm”を表示。　

【枠線】　
frameborder="0"　　1=枠幅　
framespacing="1" 　0 =境界線を掴めなくなります。

【スクロールバー】
scrolling="auto" no =スクロールバー非表示　

【フレームサイズ】
frameset rows="80,*"　　←　Winを横2行に分割。　上フレームの高さ=80pixels固定、下フレームサイズ=*は自動変化。
rows="80,*"　　　　フレーム行高さ、ピクセル（Winサイズ変化に非変化、解像度で変化）
rows="30％,*"　　　フレーム行高さ、Winサイズ比（Winサイズ変化で変化）
cols="170,*"　　　　フレーム列幅、ピクセル（Winサイズ変化に非変化、解像度で変化）　　
cols="30％,*"　　　フレーム列幅、Winサイズ比（Winサイズ変化で変化）
scrolling="auto" noresize>　　固定は、noresize を追加。

【表示先】
target="naka"　　　←　frame name="　　"　部分で宣言済みの"　　　"がリンク先(ターゲット)。
<frame name="ue" src="ue.htm" target="naka">　　←　上フレームにデフォルト表示のue.htm中のリンク先(ターゲット)は、中フレーム。
<frame name="naka" src="naka.htm" target="_self">　　←　中フレームにデフォルト表示のnaka.htm中のリンク先(ターゲット)は、自身。

【初期・デフォルトでフレームに表示するページのファイル名】
src="ue.htm"　　　←　URLでも可。
src="naka.htm"

【詳細・関連情報】
../frame_sample1/setumeisyo.htm


</html>

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

　HTMLの編集方法　

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

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

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

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

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

ｽﾀｲﾙｼｰﾄ

※：<body>　部の編集　背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

JavaScript

任意HTML

画像　〃ｻｲｽﾞ

<base target="_blank">
<title>サンプルページ　　　トップナビバー 45m1</title>

<link rel="stylesheet" type="text/css" href="0044300.css" />


</head>
<body bgcolor="#F9F8F9" link="#54006C" vlink="#62000D" alink="#00FFFF">

<script type="text/javascript" language="JavaScript1.2" src="0044301.js"></script>


<p>　……　navbar45m1.htm</a>（下ﾌﾚｰﾑﾍﾟｰｼﾞ1）</font></p>

<p><img border="0" src="http://www./……/xxx.jpg" width="600" height="400"></p>

</body>

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

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