鼠标滚轮调整图片大小
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了鼠标滚轮调整图片大小相关的知识，希望对你有一定的参考价值。
=======粘贴以下代码,保存为html文件可直接运行查看效果=======
<html>
<head>
<title>鼠标滚动调整图片大小</title>
<script language="javascript">
<!--
var count = 10;
function resizeimg(oImage)
{
count = Counting(count);
Resize(oImage,count);
return false;
}
function Counting(newzoom){
if (event.wheelDelta >= 120)
newzoom++;
else if (event.wheelDelta <= -120)
newzoom--;
if (newzoom<2) newzoom=2; //只允许缩小到20%
if (newzoom>50) newzoom=50; //只允许放大到500%
return newzoom;
}
function Resize(oImage,newzoom){
oImage.style.zoom = newzoom + ‘0%‘;
count=newzoom;
}
-->
</script>
</head>
<body>
<center>
<img src="图片地址" width="670" height="502" ondblclick="return Resize(this,10);return false;" onmousewheel="return resizeimg(this)" />
</center>
</body>
</html>以上是关于鼠标滚轮调整图片大小的主要内容，如果未能解决你的问题，请参考以下文章