onmousewheel event缩放图片效果

来源:互联网 发布:js打印九九乘法表 编辑:程序博客网 时间:2024/07/13 12:47

 

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>onmousewheel event缩放图片效果</TITLE>
<SCRIPT>
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}
function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#e7d5cd">
<div align=center>onmousewheel event缩放图片效果<br>例子使用onmousewheel事件展示图片的缩放效果

<img id="oImage" src="image url" onmousewheel="return Picture();" style="cursor:hand" >
</div>
</BODY>
</HTML>
原创粉丝点击