ﾎｰﾑ へ ｻﾝﾌﾟﾙﾍﾟｰｼﾞ ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ top_navi_bar.htm
横長ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ、ﾏｳｽｵｰﾊﾞｰで展開。 DHTML。 ｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。 Iall 対応。 ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。
< ご使用方法 >
・ ﾛｰｶﾙ（=PC）への保存は、top_navi_bar.htm 、dhtmllib.js、navbar0.js を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。 ※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。
・ このDHTMLの実装方法は、top_navi_bar.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <head> 〜 </head> の任意の行間に (*1)を、さらに <body> 〜 </body>の任意の行間に (*2) をﾍﾟｰｽﾄします。
･ 編集方法は、hogehoge.html をﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。 下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。 ※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。
・ 作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x〜 などで開いて。 更新の確認は [F5]ｷｰ を押し、ｻｰﾊﾞｰやﾌﾞﾗｳｻﾞｰのｷｬｯｼｭｸﾘｱｰ、最新ﾃﾞｰﾀ読み込み（≠再ｱｸｾｽ）で行います。
･ ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用する画像、*.jsなども転送/配置し実施。 ※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。 FTPなどで変わったﾌｧｲﾙ名は要修正。 ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。
･ 関連情報 ： 色記号5、〃6、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門。 Web Development、Web開発、IE10 互換性ｸｯｸﾌﾞｯｸ、〃開発者向けｶﾞｲﾄﾞ、IE API ﾘﾌｧﾚﾝｽ、IE 開発 > HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、XML、〃ﾘﾌｧﾚﾝｽ、DHTML。
(*1) ： top_navi_bar.htm （例） 挿入先の <head> 〜 </head> の、〜 部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
ｼﾌﾄJIS使用（削除不可） ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）
<style type= 〜
</style>は（削除可）
ﾘﾝｸを新しいWinで開くを標準（削除可）※：target= いろいろ |
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <link REL="SHORTCUT ICON" href="favicon.ico"> <style type="text/css"><!--
<base target="_blank"> <title>サンプルページ トップナビバー</title> |
(*2) ： top_navi_bar.htm （例） 挿入先の <body> 〜 </body> の、〜 部分にﾍﾟｰｽﾄします。
| HTMLの編集方法 | (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。 |
| 〔この列ﾍﾟｰｽﾄ不要〕
追加します。 背景 ﾘﾝｸ 表示済みﾘﾝｸﾝｸ ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意）
ﾄｯﾌﾟﾊﾞｰの横位置 項目幅 項目ﾘｽﾄ幅 枠線幅 枠ｽﾍﾟｰｽ ﾄｯﾌﾟﾊﾞｰ 枠色 ﾄｯﾌﾟﾊﾞｰ 背景色 ﾄｯﾌﾟﾊﾞｰ 文字色 項目 背景色 項目 文字色 項目ﾘｽﾄ 背景色 項目ﾘｽﾄ 文字色 ﾀｰｹﾞｯﾄ 背景色 ﾀｰｹﾞｯﾄ 文字色 ﾄｯﾌﾟﾊﾞｰﾌｫﾝﾄ ﾄｯﾌﾟﾊﾞｰﾌｫﾝﾄｽﾀｲﾙ ﾄｯﾌﾟﾊﾞｰﾌｫﾝﾄｳｪｲﾄ ﾄｯﾌﾟﾊﾞｰﾌｫﾝﾄｻｲｽﾞ 項目ﾊﾞｰﾌｫﾝﾄ 項目ﾊﾞｰﾌｫﾝﾄｽﾀｲﾙ 項目ﾊﾞｰﾌｫﾝﾄｳｪｲﾄ 項目ﾊﾞｰﾌｫﾝﾄｻｲｽﾞ
項目の文字列 項目ﾘｽﾄの ｻｲﾄ名 URL 〔以下、同様。〕
|
<body onload="navBarInit()" bgcolor="#F8F5F5" link="#59017A" vlink="#8E0012" alink="#909861">
<!-- ★ ---------- ↓ この間をコピー、編集、ペーストします。 ---------- --> <script language="JavaScript" src="navbar0.js"></script> ==== この間､説明を省略｡ ==== navBarX = 5; navBarHeaderWidth = 115; navBarMenuWidth = 220; navBarBorderWidth = 1; navBarPaddingWidth = 2; navBarBorderColor = "#E9E9E1"; navBarHeaderBgColor = "#E0DFEF"; navBarHeaderFgColor = "#580028"; navBarActiveBgColor = "#8635D5"; navBarActiveFgColor = "#FFF3F5"; navBarItemBgColor = "#E9E9E1"; navBarItemFgColor = "#580028"; navBarHighBgColor = "#FFFFFF"; navBarHighFgColor = "#9E003C"; navBarHeaderFontFamily = "MSPｺﾞｼｯｸ,MSｺﾞｼｯｸ,Arial,Helvetica,sans-serif"; navBarHeaderFontStyle = "plain"; navBarHeaderFontWeight = "bold"; navBarHeaderFontSize = "10pt"; navBarItemFontFamily = "MSPｺﾞｼｯｸ,MSｺﾞｼｯｸ,Arial,Helvetica,sans-serif"; navBarItemFontStyle = "plain"; navBarItemFontWeight = "bold"; navBarItemFontSize = "8pt"; // Define navigation bar menus. Extend beyond 4 as desired navBarMenus[0] = new Array( "ホームページ", "", "サイトマップ", "index_map.html", ==== この間､説明を省略｡ ==== "ｻﾌﾞWindow", "sub_win.htm"); </script> <!-- ★ ---------- ↑ この間をコピー、編集、ペーストします。 ---------- --> |
<補足> 適時参照あれ！。