Gray Shock

このJavaScriptは2001年3月に発売された著書「わたしにもできる動くホームページ」に収録したものです。Internet Explorer 4の頃に作成したDOM制御の基本説明部分でした。

特定の要素上にマウスが来ると画面がモノクロになるDynamicHTML(DOM+JavaScript)です。マウスカーソルの位置に何かがあることを明確に伝えられるイベントといえます。

Sample

Internet Explorerでここにマウスカーソルを持ってきてください

<div style="cursor:hand;" onmouseover="document.body.style.filter='gray';" onmouseout="document.body.style.filter='alpha';">Internet Explorerでここにマウスを持ってきてください</div>

onmouseover属性とonmouseout属性を用いてVisual Filterの効果を与えています。単純なものですがインパクトはあるでしょう。