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デザインブログも見る

IE6で透過PNG画像を表示させる方法

IE6では透過PNGをサポートしていません。しかし現状ではIE6ユーザーも多いわけで考慮する必要があります。

簡単にIE6で透過PNG画像を表示させる方法

１．こちらのサイトhttp://homepage.ntlworld.com/bobosola/pnghowto.htm
の中ほどのpngfix.jsを直接ダウンロード。

２．HTMLのheadに
<!--[if lt IE 7.]><script defer type="text/javascript" src="pngfix.js"></script><![endif]-->
を追加して完了。

これだけでIE6で透過PNGが表示されるようになります。


ちなみにXHTML1.0に対応させたければ
<!--[if lt IE 7.]><script defer="defer" type="text/javascript" src="pngfix.js"></script><![endif]-->
と記述してください。

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