コメント(1)
コメント(2)
コメント(3)
上記のリンク文字にマウスカーソルを乗せて下さい
※ポッアップウィンドウにコメントが表示されます
※カーソルを離すとポッアップウィンドウは自動的に隠されます
******************************
■スクリプトの実行(リンク文字)
※スクリプト実行時にコメント番号を引数として渡します
onmouseover="CreatePup2(f)"
-----次の行から(copy)-----
<a href="javascript://" onmouseover="CreatePup2(1)" onmouseout="HidePup2()">コメント(1)<a>
<a href="javascript://" onmouseover="CreatePup2(2)" onmouseout="HidePup2()">コメント(2)<a>
<a href="javascript://" onmouseover="CreatePup2(3)" onmouseout="HidePup2()">コメント(3)<a>
-----上の行まで(copy)-----
■スクリプト
※<head>〜</head>間に記述します
-----次の行から(copy)-----
<script type="text/javascript">
<!--
var Popup_f=0;
function CreatePup2(f){
win_Obj=window.createPopup();
Pup_Obj=win_Obj.document.body;
with (Pup_Obj.style) {
color="#000000";
fontSize="9pt";
filter="alpha(opacity=70)";
background="#ffffff";
padding="5";
lineHeight="150%";
textAlign="center";
borderColor="red";
borderStyle="solid";
borderWidth="2px";
}
switch(f) {
case 1:
Pup_Obj.innerHTML="<b>コメント(1)を表示しています。</b><br> ◇コメント毎に表示位置や表示スタイルの設定が可能です。<br> ◇共通のスクリプトを使用しコメント毎にコメント番号を指定します。";
win_Obj.show(100,50,450,70,document.body);
break;
case 2:
Pup_Obj.innerHTML="<font color='blue' size='+2'><b>コメント(2)を表示しています。</b></font><br> ◇タグを記述し文章の一部の表示変更も可能です";
win_Obj.show(150,100,600,50,document.body);
break;
case 3:
Pup_Obj.innerHTML="<b>コメント(3)を表示しています。</b>";
win_Obj.show(100,150,450,30,document.body);
break;
case 4:
Pup_Obj.innerHTML="<b>コメント(4)を表示しています。</b><br> ◇表示位置固定(左端より20px/上端より300px)";
win_Obj.show(X,Y,450,50,document.body);
break;
case 5:
Pup_Obj.innerHTML="<b>コメント(5)を表示しています。</b><br> ◇表示位置固定(左端より20px/上端より300px)";
win_Obj.show(X,Y,450,50,document.body);
break;
default:
break;
}
Popup_f=1;
}
function HidePup2() {
if (Popup_f=1) {
win_Obj.hide();
Popup_f=0;
}
}
//-->
</script>
-----上の行まで(copy)-----