ポップアップメッセージの実験（その２）

下の行の「ここ」をマウスポインタでポイントしてください。（赤い文字です。）
ここをポイントするとメッセージをポップアップします。
表示位置はこの辺りです。
ポップアップメッセージを消すには、どこかをクリックしてください。

枠のないポップアップメッセージは非常に見難いものです。枠を付けて目立つようにスクリプトを修正しました。
スクリプトは以下のとおりです。HEADタグ内に記述します。

<script language="JavaScript"><!--
function showPopup() {
  var popup = window.createPopup();
  popup.document.body.style.border = "solid 1px";
  popup.document.body.innerHTML = "ポップアップしました！";
  popup.show(35, 50, 160, 20, document.body);
}
// --></script>

popup.document.body.style.border の行を追加して、ポップアップメッセージに枠をつけました。
これで見やすくなりました。

次は、マウスポインタが他に移動したらポップアップメッセージを自動的に消すように修正します。（その３）を見てください。

＜-- （その１）へ戻る　：　（その３）へ進む --＞

ポップアップメッセージの実験トップへ戻る

Last update: