YearFilmCredit RoleGrossedIMDBRotten Tomatoes
1977Annie HallAlvy Singer$135,852,6008.298%
2006ScoopSid Waterman$12,727,3006.739%
1973SleeperMiles Monroe$82,084,9007.3100%
1979ManhattanIsaac Davis$126,047,2008.098%
1975Love And DeathBoris Grushenko$77,746,4007.7100%
2011Midnight in Paris$56,257,7007.893%
1982A Midsummer Night’s Sex ComedyAndrew$24,453,1006.676%
1997Deconstructing HarryHarry Block$18,046,9007.371%
1991Shadows and FogKleinman6.655%
2009Whatever Works$5,633,4007.250%

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
/*hover時のスタイルは自身で設定します*/
<style>
td.hover, tr.hover
{
	background-color: #333;
	color: #fff;
}
th.hover, tfoot td.hover
{
	background-color: ivory;
}
td.hovercell, th.hovercell
{
	background-color: #333;
	color: #fff;
}
td.hoverrow, th.hoverrow
{
	background-color: #333;
	color: #fff;
}
</style>
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.tablehover.pack.js"></script>
<script>
	$(window).load(function(){
		$('#tableHover table').tableHover({colClass: 'hover'}); 
	});
</script>
<table class="demo-table">
	<thead>
		<th>Year</th>
		<th>Film</th>
		<th>Credit Role</th>
		<th>Grossed</th>
		<th>IMDB</th>
		<th>Rotten Tomatoes</th>
	</thead>
	<tr>
		<td>1977</td>
		<td>Annie Hall</td>
		<td>Alvy Singer</td>
		<td>$135,852,600</td>
		<td>8.2</td>
		<td>98%</td>
	</tr>
	<tr>
		<td>2006</td>
		<td>Scoop</td>
		<td>Sid Waterman</td>
		<td>$12,727,300</td>
		<td>6.7</td>
		<td>39%</td>
	</tr>
	<tr>
		<td>1973</td>
		<td>Sleeper</td>
		<td>Miles Monroe</td>
		<td>$82,084,900</td>
		<td>7.3</td>
		<td>100%</td>
	</tr>
	<tr>
		<td>1979</td>
		<td>Manhattan</td>
		<td>Isaac Davis</td>
		<td>$126,047,200</td>
		<td>8.0</td>
		<td>98%</td>
	</tr>
	<tr>
		<td>1975</td>
		<td>Love And Death</td>
		<td>Boris Grushenko</td>
		<td>$77,746,400</td>
		<td>7.7</td>
		<td>100%</td>
	</tr>
	<tr>
		<td>2011</td>
		<td>Midnight in Paris</td>
		<td></td>
		<td>$56,257,700</td>
		<td>7.8</td>
		<td>93%</td>
	</tr>
	<tr>
		<td>1982</td>
		<td>A Midsummer Night's Sex Comedy </td>
		<td>Andrew</td>
		<td>$24,453,100</td>
		<td>6.6</td>
		<td>76%</td>
	</tr>
	<tr>
		<td>1997</td>
		<td>Deconstructing Harry</td>
		<td>Harry Block</td>
		<td>$18,046,900</td>
		<td>7.3</td>
		<td>71%</td>
	</tr>
	<tr>
		<td>1991</td>
		<td>Shadows and Fog</td>
		<td>Kleinman</td>
		<td></td>
		<td>6.6</td>
		<td>55%</td>
	</tr>
	<tr>
		<td>2009</td>
		<td>Whatever Works</td>
		<td></td>
		<td>$5,633,400</td>
		<td>7.2</td>
		<td>50%</td>
	</tr>
</table>

tableHoverについて

tableHoverは、シンプルですが、テーブルのユーザビリティーを向上できるプラグインです。
様々なhoverアクションを設定できるので、デモページは要チェックです。
シンプルなので、IE6以降で動作します。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT or GPL
対応ブラウザ

関連するjQueryプラグイン

  • Handsontable

    Handsontable

    エクセル風に操作できるテーブルをとても簡単に設置できる

  • DataTables

    DataTables

    検索、ソート、ページャー機能をテーブルに追加できる

  • tablecloth

    tablecloth

    4つのテーマでテーブルを装飾してくれる

  • AnimatedTableSorter

    AnimatedTableSorter

    簡単にテーブルにソート機能をつけることができる