ホバーウィンドウスクリプト設置方法
このページはホバーウィンドウスクリプト（Drop-in Context Box) のサンプルページです。
このウィンドウの落ちてくる場所やサイズ、デザインはCSSでコントロールできます。
また、一度閉じたら2度目は表示しない、3回に1回は落ちてくるなどの設定を簡単にすることができます。
「2度と表示しないウィンドウ」なんていいですね！？
---------------------------------------------------
■ホバーウィンドウスクリプトの設置方法
（Drop-in Context Box)
---------------------------------------------------
1：まずは下記アドレスのファイルをダウンロードし 解凍してください。 http://stepmail.hikaku.name/downlords/Drop-in.lzh
2：解凍されたファイル
・drop-in.css
・drop-in.js（毎回表示用）
・drop-in2.js（ブラウザの起動毎に1回表示）
を、ホバーウィンドウを仕込みたいファイルと同じディレクトリ(フォルダ）に入れます。
※.jsファイルはいずれか1つでOK 。
3：ホバーウィンドウをページの中に記述します。
<body></body>の中であればどこでもいいです。
↓↓↓↓ここから
<div id="dropin" style="position:absolute;visibility:hidden">
<div align="right"><span class="px12">このウィンドウは一度閉じると二度と表示しません。</span><a href="#" onClick="dismissbox();return false">[閉じる] </a></div>
<div class="title">●●タイトル●●</div>
<div class="messege">●●ここにメッセージなど●●</div>
<div> ここには必要に応じてフォーム等を記述してください。 </div> </div><!--/dropin-->
↑↑↑↑ここまで
※デザインは後でします。
4：上のページのヘッダー領域（</head>の上あたり）に以下の記述を します。
<script language="JavaScript" type="text/javascript" src="drop-in.js"></script>
<link href="drop-in.css" rel="stylesheet" type="text/css" >
※src="drop-in.js"は2：で選んだ方のファイル名
5：ウィンドウ内のデザインを整えます。
ウィンドウ内のデザインはdrop-in.cssでコントロールされています。
（CSSを知っていれば簡単に変更できます。）
6：必要なファイルをホバーウィンドウを仕込んだファイルと 同じディレクトリ（フォルダ）にアップロードします。
以上です。
