マウスカーソルオンで画像を白黒からカラーにする
Date / 2012.1.11
Category / JavaScript
Tag /

画像にマウスを持っていくと、白黒からカラーに変わるjavascript。画像がライトアップされてような感じで表現できます。


▼JavaScript のソース（headタグ内）

function GrayOn(img){
    img.filters["Gray"].enabled = true;
}
function GrayOff(img){
    img.filters["Gray"].enabled = false;
}

▼HTML のソース

<img src="sample.jpg" style="filter:Gray();" onMouseover="GrayOff(this)" onMouseout="GrayOn(this)">

関連するエントリー記事

  1. フォントサイズをワンクリックで変更
  2. CSSでリストのマークを画像にする
  3. MTのタグクラウドの一覧をタグの利用頻度の多い順にソート
  4. CSSで画像を一部だけしか表示させない！！
-->