マウスホイールで画像サイズ変更

マウスホイールのコロコロをまわすと画像のサイズが変更されます。ホイール使用時にページがスクロールしてしまうと、不便なのでそうならないようにしています。我ながらなかなかシンプルにできたのではないかと・・・・・・

<HTML>
<HEAD>
<TITLE>マウスホイールで画像サイズ変更</TITLE>
<SCRIPT language="JavaScript">
/*★★★ JavaScriptはもういらない!? ★★★★★★
★　HTML+TIME　by～～(m--)m　ura@ad.il24.net　★
★　URL　http://html-time.com　　　　　　　　 */
function chSize(){
/*★★★★★★★★★★★★★★★★★★★★★★*/
var wh=event.wheelDelta
var zm=wh/10
document.f1.t1.value=eval(f1.t1.value)+eval(zm)
body.style.overflow="hidden"
}
</SCRIPT>
</HEAD>
<BODY id="body" onmousemove="body.style.overflow='auto'" onmousewheel="chSize(),img.style.zoom=document.f1.t1.value+'%'">
<FORM name="f1">
<INPUT type="text" name="t1" value="100" size="4" onchange="img1.style.zoom=this.value+'%'">%
</FORM>
<IMG src="img.gif" id="img1">
</BODY>
</HTML>