前の記事 ≪:PEAR::LogでFirebugにログを出力
次の記事 ≫:可愛くアニメーションするタブUI実装ライブラリ「MooTabs」

HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」

2007年10月10日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Welcome to Tablecloth
Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements.

HTMLテーブルに分かりやすいカーソルハイライト機能を付けられるJSライブラリ「Tablecloth」。
テーブルにカーソルを合わせると次のように、現在位置がハイライトされます。クリックすると、その位置のハイライトを固定します。



シンプルな効果ですが、データが多くある際、現在位置の確認や、チェックしておきたい部分をハイライトさせておくことが出来るなど、ユーザビリティ向上が期待できますね。
使い方は次の2行をhead内に追加するだけのようです。

<link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="tablecloth/tablecloth.js"></script>

使い方も簡単なので、便利ですね。
知っておけば必ず使えるライブラリなので覚えておきましょう。

関連の記事検索:JavaScript, CSS, テーブル, HTML
スポンサード リンク

By.KJ : 2007年10月10日 07:03 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)