サンプルページ　　　ポップメニュー 5

ﾎﾟｯﾌﾟｱｯﾌﾟﾒｯｾｰｼﾞ表示（例）: 　=(・。 .・)= 太陽風ﾎｰﾑ　ｵﾝﾗｲﾝｿﾌﾄ、ﾊﾟｯﾁ、ﾃﾞﾊﾞｲｽﾄﾞﾗｲﾊﾞｰ、CD検索、ﾉﾝﾊﾟｹｰｼﾞ"♪"ﾘﾝｸなど。
sticky （例）: 　ﾎｰﾑﾍﾟｰｼﾞ制作支援情報　多彩な表現を実現するための、Java、JavaScript、DHTML、CSSなどの実装手順の解説、φ(.. )。

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾎﾟｯﾌﾟﾒﾆｭｰ 5　　pop_menu5.htm

これは、ﾊｲﾊﾟｰﾘﾝｸをﾏｳｽｵｰﾊﾞｰ時に吹き出しﾃｷｽﾄを出現させます。　　　　　DHTML、CSS。　　　　　ﾘﾝｸの編集や、吹き出し枠・内容の配色ができます。　　　Internet Explorer4.x～、NetscapeNavigator4.x～、Netscape6.x～対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できます。　　　　ﾃﾞﾓは、 =(・。.・)=太陽風ﾎｰﾑ　などにﾏｳｽｶｰｿﾙを被せます。

<ご使用方法>

　・　ﾛｰｶﾙ（=PC）への保存は、　pop_menu5.htm、overlib01.css、overlib01.js　を右ｸﾘｯｸします。　　　[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで行います。　　　　※1:ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は多少ある）。　　　 ※2:hogehoge.html ：制作者が名付けた挿入先ﾌｧｲﾙの総称。

　・　PCに保存した pop_menu5.htm　を WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　このDHTMLの実装方法は、pop_menu5.htm　をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、挿入先（新しいﾍﾟｰｼﾞ 1 や hogehoge.html）の、<head>　～　</head>の任意の行に(*1)を、さらに<body>　～　</body>の任意の行に(*2)をﾍﾟｰｽﾄします。

　･　編集方法 ：下記の（例）(*1)と、(*2)　を参考に太字部分の編集を行い、制作者の個別情報などを反映させます。　　　　ﾊﾟﾗﾒｰﾀｰの変更も該当部分の記述/追加/変更/削除で。　　　　説明のための太字、彩色自体に依存なし。　　　吹き出しﾒﾆｭｰの配色などはWordpadやSimpleTextなどのﾃｷｽﾄｴﾃﾞｨﾀｰか、HP制作ｿﾌﾄのHTML編集ﾒﾆｭｰで、overlib01.js の ”CONFIGURATION”部分の編集で。　色ｺｰﾄﾞは、RGB で。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 4.x～などで開き行います。　　　　更新非反映にﾌﾞﾗｳｻﾞｰのｷｬｯｼｭﾃﾞｰﾀがあります。　　目的のﾍﾟｰｼﾞを表示、Internet Explorer でＦ５ｷｰを押し最新ﾃﾞｰﾀを読み込みます。　　　NetscapeNavigatorは、Ctrl+Ｒｷｰを。

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

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

HTMLの編集方法　

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

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

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

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

ﾏｳｽｵｰﾊﾞｰ時のﾃｷｽﾄ　背景　下線非表示

非ﾏｳｽｵｰﾊﾞｰ時の下線表示（逆も可）

ﾘﾝｸを新しいWinで開を標準

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

COLOR: #8000e2; BACKGROUND-COLOR: #f3edee; TEXT-DECORATION: none

}

A {

TEXT-DECORATION: underline

}

-->

</style>

<title>サンプルページ　　ポップメニュー 5</title>　

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

HTMLの編集方法　

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

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

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

説明ﾃｷｽﾄ（通常ｺﾝﾃﾝﾂ）

ﾊｲﾊﾟｰﾘﾝｸ

吹き出しﾒｯｾｰｼﾞ

ｻｲﾄ名

（以下同様）

<div ID="overDiv" STYLE="position:absolute; visibility:hide; z-index:1;"></div><script

LANGUAGE="JavaScript" SRC="overlib01.js"></script>

<p>ﾎﾟｯﾌﾟｱｯﾌﾟﾒｯｾｰｼﾞ表示（例）: <a

HREF="index2.html"

onMouseOver="drc('φ(.. )　ここに吹き出しﾒｯｾｰｼﾞを書くねんな、…*','Caption'); return true;"

onMouseOut="nd(); return true;">　=(・。 .・)= 太陽風ﾎｰﾑ　</a>

ｵﾝﾗｲﾝｿﾌﾄ、ﾊﾟｯﾁ、ﾃﾞﾊﾞｲｽﾄﾞﾗｲﾊﾞｰ、CD検索、ﾉﾝﾊﾟｹｰｼﾞ"♪"ﾘﾝｸなど。<br>

sticky （例）: <a HREF="oritatami3c.html"

onClick="src('Text','Caption'); return false;"

onMouseOver="drs('φ(.. )　こっちにも吹き出しﾒｯｾｰｼﾞを書いたるんや、～*'); return true;"

onMouseOut="nd(); return true;">　ﾎｰﾑﾍﾟｰｼﾞ制作支援情報　</a>多彩な表現を実現するための、Java、JavaScript、DHTML、CSSなどの実装手順の解説、φ(.. )。<br>

</p>　