マウスオーバーで行列をハイライト

マウスオーバーで表の行列をハイライトさせます。

サンプル

  見出し 見出し 見出し
見出し テキスト テキスト テキスト
見出し テキスト テキスト テキスト
見出し テキスト テキスト テキスト
見出し テキスト テキスト テキスト

HTML

コンテンツにth要素が含まれていますが、td要素のみの構成にも対応しています。

JavaScript

マウスオーバーでclass名hoverを付け、マウスアウトで外します。

CSS