マウス動作にあわせて表の縦横項目に色をつけてテーブルを見やすくする「tablehover」|無料ダウンロード

テーブル上でマウスの動きに合わせてセルに色をつける

複雑で情報量の多い表（テーブル）を用いた時、マウスの動きに合わせてセルに色つけて、
自分が見ている縦横の項目をわかりやすく、見やすくするjavascript。

■デモを見る

まずは「jquery.js」をダウンロードします。
jQueryはこちらから

そして「jquery.tablehover」をダウンロードします。
jquery.tablehoverのダウンロードはこちらから

<head></head>内に下記のように記述しファイルを読み込みます。

上記の'要素名'に指定した名前を<table>につけます。
例：'要素名'をid要素「sample_table」とする。






	
		
			sample
			sample

sample	sample

後はcssでセルにつける色の指定をすれば完成です。

td.hover, tr.hover{background-color: 色指定;}
td.click, th.click{background-color: 色指定;}