ｔｉｔｌｅ・ａｌｔ　効果のような「ふきだし」（Ⅰ）

■　ｔｉｔｌｅ・ａｌｔ　効果のような「ふきだし」（Ⅰ）　■

ソースａ　は<head>　～　</head>　の好きな場所に
ソースb　は<body>　～　</body>　の間に
ソースc　はふきだしの記述方法だよ♪　<body>　～　</body>　間に表示したい場所に記述してね！

■　サンプル　■

　　◆ホームページ作成支援
◆ＢＢＳ・掲示板
◆ゲームで遊ぼう

■　ソースａ　■

<script language="JavaScript">
      mouse_x = -30; // 吹き出しの位置（マウスから右下にどれだけ離れているか）
      mouse_y = 30; // ピクセル単位で指定します（デフォルトはマウスから右下に10）
      
      // ■テーブルの設定
      mes_head = '<table cellpadding=3 cellspacing=1 border=0 bgcolor=#d0e8f1><tr><td bgcolor=#ffffff
      class=line><font style="font-size : 10px;color : #0000a0;">';
      mes_foot = '</font></td></tr></table>';
      
      // ■初期化
      function ComentInit() {
      // Netscape, IntenetExposlolerの判定（それ以外は起動しない）
      browser_ns = (document.layers) ? true : false;
      browser_ie = (document.all) ? true : false;
      
      // -:0, InternetExposloler:1, それ以外:-1
      if (browser_ns) browser = 0;
      else if (browser_ie) browser = 1;
      else browser = -1;
      }
      
      ComentInit();
      
      // ■メッセージを表示する部分です
      function ComentEnable(events,mes) {
      
      text = mes_head + mes + mes_foot;
      
      if (browser == 0) {
      xpos = events.pageX;
      ypos = events.pageY;
      iv = document.layers["coment"];
      iv.left	= xpos + mouse_x;
      iv.top	= ypos + mouse_y;
      iv.document.open();
      iv.document.write(text);
      iv.document.close();
      iv.visibility="show";
      } else if (browser == 1) {
      xpos = document.body.scrollLeft+event.clientX;
      ypos = document.body.scrollTop+event.clientY;
      iv = document.all("coment");
      iv.style.posLeft	= xpos + mouse_x;
      iv.style.posTop	= ypos + mouse_y;
      iv.innerHTML = text;
      iv.style.visibility="visible";
      }
      }
      // ■メッセージを非表示する部分です
      function ComentDisible() {
      if (browser == 0) document.layers["coment"].visibility="hide";
      else if (browser == 1) document.all("coment").style.visibility="hidden";
      }
      
      function on(events, message) {
      ComentEnable(events, message);
      }
      function off() {
      ComentDisible();
      }
      
      </script>

■　ソースｂ　■

<p id="coment" style="position:absolute;left:0px;top:0px"></p>

■　ソースｃ　■

<A href="xxxx.html" onMouseOver="on(event,'このサイトの目玉です。<BR>javaスクリプト・スタイルシート関連はここです。<BR>一度立ち寄って行って下さいね♪')" onMouseOut="off()" target="_self">◆ホームページ作成支援</A>