単語帳テンプレート(6)

右側の緑色のセルの上をマウスが通過すると、答えが表示される、というもの。
これは、列の割り当てや色づかいは別として、JavaScript の参考書そのままの作例です。
テーブル内では、要点を色分け・強調表示することなどがもちろん可能です。

                                                                            マウス ↓
番号 英文:空欄補充の問題など 答え

テーブル・タグの中に、次のような行のタグをコピーして作ります。100題くらいの英文の確認などに使えるフォームです。

<tr>
<td class="no">番号</td>
<td class="jp">日本語の意味</td>
<td class="eng">英文:空欄補充の問題など</td>
<td class="word" onmouseover="this.style.backgroundColor='#FF6699'" onmouseout="this.style.backgroundColor='#CCFEE3'">答え</td>
</tr>            ↑ この命令は、毎行に書かないと動かないようです。