Web2.0風のオンマウスでハイライトするテーブル

簡単にオンマウスでテーブルのセルをハイライトするjavaスクリプト。




こちらからtableclothをダウンロード。ダウンロードしたファイルを解凍してフォルダに置く。
http://cssglobe.com/lab/tablecloth/


ハイライトしたいテーブルのページに以下を追加。
<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" /><script type="text/javascript" src="tablecloth/tablecloth.js"></script>

それだけでオンマウスでハイライトするテーブルが完成です。
テーブルにクラスやidを付加する必要はありません。
特定のテーブルのみに適用したい場合はclassを追加するとよいでしょう。

行や列のハイライトを操作するにはtablecloth.jsをテキストエディタで開く。
列のハイライト： var highlightCols = true;
行のハイライト： var highlightRols = false;

列、行ともにハイライトさせるならtrue、させたくないならfalseを記述する。

>>他のWebデザインブログも見る