マウスカーソルオンで画像を白黒からカラーにする

画像にマウスを持っていくと、白黒からカラーに変わる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)">
-->