ホームページを作ろう！

・応用④開閉式テーブル②-③

とりあえず、↓サンプルです。
（ＩＥが対応していないと見れないと思います。）
これは、カーソルが触れるだけで、開閉ができます。

☆カーソルを合わせてみてください☆

ここに文字が出ます。
出ましたか？

閉じましょうか…

↓タグです
<HEAD>～</HEAD>の間に

<STYLE>
<!--
  .time {behavior: url(#default#time2);}
  body,td,div{font-size:フォントサイズpt; font-family:フォントの種類;}
  -->
</STYLE>
  <?IMPORT namespace="t" implementation="#default#time2">

<BODY>～</BODY>の間の
表示させたいところに

<span id="show_msg" style="border:1px solid 枠の色; background-color:背景色; color:文字の色; cursor:default;">＋ここに文字＋</span>
<TABLE class="time" begin="show_msg.onMouseover" end="close_msg.onMouseover" style="border:1px solid #ff0080; width:300;" timeAction="display">
  
    <tr>
      <TD align="center" width="300">ここに文字
      <SPAN id="close_msg" style="cursor:default; color:文字の色;" class="time" begin="close_msg.onMouseover" end="close_msg.onMouseout" timeAction="style">閉じる</SPAN></TD>
    </TABLE>

テーブルの装飾はstyle等を使用して頑張ってくださいp(^ ^)q